// ヘッダー内のタイトル
const HeaderTitle = document.getElementById("header_title");
+
+// 色
+const CommonColor = "green";
+
+//const Color1 = "black", Color2 = "white" , Color3 = "green-300"
+const Color1 = `${CommonColor}-900`
+const Color2 = `${CommonColor}-700`
+const Color3 = `${CommonColor}-200`
// 選択肢を作成
const createOption = (value, text, selected) =>{
let Option = document.createElement("option");
+
if (! selected) {
selected = false;
}
EditionForm.insertAdjacentElement("afterbegin", createOption("None", "選択してください", true))
Object.keys(JsonData[SelectedReleaseId]).forEach((EditionName) => {
- if (EditionName != "disabled"){
+ if (EditionName != "disabled" && EditionName != "disabled-edition"){
//EditionOption = document.createElement("option");
//EditionOption.value = EditionName;
- //EditionOption.innerText = EditionName;
+ //EditionOption.innerText = EditionName;
+ if (JsonData[SelectedReleaseId][EditionName] == null || (JsonData[SelectedReleaseId]["disabled-edition"] && JsonData[SelectedReleaseId]["disabled-edition"].includes(EditionName)) ){
+ console.log(`${EditionName}をスキップしました`);
+ return;
+ }
EditionForm.insertAdjacentElement("afterbegin", createOption(EditionName, EditionName, false));
}
})
}
AddClassToElements(document.getElementsByTagName("select"), "selectform-select", "block", "w-3/4", "text-black");
-AddClassToElements(document.getElementsByTagName("h2"), "bg-green-900", "p-2", "rounded-full", "pl-5", "font-bold");
-AddClassToElements(document.getElementsByTagName("h3"), "bg-green-900", "p-2", "m-2" , "rounded");
+AddClassToElements(document.getElementsByTagName("h2"), `bg-${Color1}`, "p-2", "rounded-full", "pl-5", "font-bold");
+AddClassToElements(document.getElementsByTagName("h3"), `bg-${Color1}`, "p-2", "m-2" , "rounded");
AddClassToElements(Main.getElementsByTagName("p"), "p-2", "pl-5", "font-medium");
-AddClassToElements(Menu.getElementsByTagName("li"), "block", "hover:bg-green-300", "hover:text-black", "hover:underline");
+AddClassToElements(Menu.getElementsByTagName("li"), "block", `hover:bg-${Color3}`, "hover:text-black", "hover:underline");
AddClassToElements(Menu.getElementsByTagName("li"), "px-3", "py-2");
AddClassToElements(menu.getElementsByTagName("a"), "block")
+
+document.getElementById("header_container").classList.add(`bg-${Color1}`);
+document.getElementsByTagName("body")[0].classList.add(`bg-${Color2}`);
"Xfce": 0,
"Xfce-JP": 0,
"Source Code": 0,
- "disabled": true
+ "disabled": true,
+ "disabled-edition": []
},
"20Q1.1.0 Beta1": {
"Xfce": 72684,
"Xfce-JP": 76040,
"Source Code": 76044,
"disabled": false
+ },
+ "20210920": {
+ "Cinnamon": 76050,
+ "Cinnamon-JP": 76051,
+ "Gnome": 76052,
+ "Gnome-JP": 76053,
+ "i3wm": 76054,
+ "i3wm-JP": 76055,
+ "Lxde": 76056,
+ "Lxde-JP": 76057,
+ "Plasma": 76058,
+ "Plasma-JP": 76059,
+ "Xfce": 76060,
+ "Xfce-JP": 76061,
+ "Source Code": null,
+ "disabled": false,
+ "disabled-edition": [
+ "Source Code"
+ ]
}
}
<meta property="og:title" content="Alter Linux Alpha Release Aplha版配布サイト">
<meta property="og:description" content="Alter LinuxのAlphaリリースのイメージファイルや過去のリリースのイメージファイルをダウンロードできるサイトです。">
</head>
-<body class="bg-green-700 text-white leading-5 flex flex-col min-h-screen">
+<body class="text-white leading-5 flex flex-col min-h-screen">
<header>
- <div class="containe bg-green-900 px-8 font-bold">
+ <div id="header_container" class="containe px-8 font-bold">
<div class="flex justify-between items-center md:py-4 py-2">
<!-- ここから メニューバー-->
<div id="menu_button" class="md:hidden">