diff --git a/src/assets/toggle_mode.js b/src/assets/toggle_mode.js new file mode 100644 index 0000000..3569c4e --- /dev/null +++ b/src/assets/toggle_mode.js @@ -0,0 +1,28 @@ +const toggleModeButton = document.getElementById("toggle-mode"); +const html = document.documentElement; + +const isDarkMode = localStorage.getItem("darkMode") === "true"; + +if (isDarkMode) { + html.classList.add("theme-dark"); +} + +toggle_icon(); + +toggleModeButton.addEventListener("click", () => { + html.classList.toggle("theme-dark"); + localStorage.setItem("darkMode", html.classList.contains("theme-dark")); + + toggle_icon(); +}); + +function toggle_icon() { + const icon = toggleModeButton.querySelector("i"); + if (html.classList.contains("theme-dark")) { + icon.classList.remove("fa-sun"); + icon.classList.add("fa-moon"); + } else { + icon.classList.remove("fa-moon"); + icon.classList.add("fa-sun"); + } +} diff --git a/src/static_pages/index.html b/src/static_pages/index.html new file mode 100644 index 0000000..0db79b4 --- /dev/null +++ b/src/static_pages/index.html @@ -0,0 +1,42 @@ + + +
+ + +