From 8d5225801a62a7e357ff42c13a518861462b1d10 Mon Sep 17 00:00:00 2001 From: Steven Tracey Date: Wed, 31 May 2023 12:34:17 -0400 Subject: [PATCH] New UI Finished! --- darkmode.js | 13 +- index.html | 20 +- install/assets/img1.png | Bin 0 -> 46718 bytes install/assets/img2.png | Bin 0 -> 134696 bytes install/assets/img3.png | Bin 0 -> 132934 bytes install/assets/img4.png | Bin 0 -> 27308 bytes install/index.html | 22 +- prod/favicon.ico | Bin 32988 -> 0 bytes prod/index.html | 119 --------- prod/logo.png | Bin 2216 -> 0 bytes prod/script.js | 160 ------------ prod/stylesheet.css | 538 ---------------------------------------- script.js | 65 ++++- stylesheet.css | 74 +++++- 14 files changed, 167 insertions(+), 844 deletions(-) create mode 100644 install/assets/img1.png create mode 100644 install/assets/img2.png create mode 100644 install/assets/img3.png create mode 100644 install/assets/img4.png delete mode 100644 prod/favicon.ico delete mode 100644 prod/index.html delete mode 100644 prod/logo.png delete mode 100644 prod/script.js delete mode 100644 prod/stylesheet.css diff --git a/darkmode.js b/darkmode.js index d3dd910..a632f52 100644 --- a/darkmode.js +++ b/darkmode.js @@ -2,14 +2,15 @@ document.getElementById("theme").addEventListener("click", toggleDarkMode, false refreshDarkMode() + function toggleDarkMode() { - if (getCookie("darkMode") === "on") document.cookie = "darkMode=off"; - else document.cookie = "darkMode=on"; + if (getCookie("darkMode") === "on") document.cookie = "darkMode=off;path=/"; + else document.cookie = "darkMode=on;path=/"; refreshDarkMode(); } function refreshDarkMode() { - let darkMode = getCookie("darkMode") === "on"; + let darkMode = getCookie("darkMode", "off", "/") === "on"; if (darkMode) { document.body.classList.add("dark-theme"); document.getElementById("theme").checked = true; @@ -21,7 +22,7 @@ function refreshDarkMode() { } } -function getCookie(cookieName) { +function getCookie(cookieName, valIfNotExists, path) { let cookieArray = document.cookie.split(";"); for (let i = 0; i < cookieArray.length; i++) { let cookie = cookieArray[i].split("="); @@ -30,6 +31,6 @@ function getCookie(cookieName) { } } console.warn("Cookie \"" + cookieName + "\" does not exist"); - document.cookie = cookieName + "="; - return ""; + document.cookie = cookieName + "=" + valIfNotExists + ";path=" + path; + return valIfNotExists; } \ No newline at end of file diff --git a/index.html b/index.html index 65d19ee..a3dda39 100644 --- a/index.html +++ b/index.html @@ -112,17 +112,31 @@