diff options
| author | delta <darkussdelta@gmail.com> | 2025-09-17 23:29:44 +0200 |
|---|---|---|
| committer | delta <darkussdelta@gmail.com> | 2025-09-17 23:29:44 +0200 |
| commit | 088a18410e43a209a4864bccad5ddb89a7ee1d5d (patch) | |
| tree | 7f7db9ad58e0e2c3ec9141b7b54668ee01164a13 /assets/js | |
| parent | 16bdab2a899bf4ed120e10a889c320304b561130 (diff) | |
asides, hacker webring stuff and some more
Diffstat (limited to 'assets/js')
| -rw-r--r-- | assets/js/main.js | 41 |
1 files changed, 0 insertions, 41 deletions
diff --git a/assets/js/main.js b/assets/js/main.js deleted file mode 100644 index 5bc2d41..0000000 --- a/assets/js/main.js +++ /dev/null @@ -1,41 +0,0 @@ -// Toggle the navigation menu and theme -document.addEventListener("DOMContentLoaded", function () { - var menuToggle = document.getElementById("menu-toggle"); - var mainNav = document.getElementById("main-nav"); - var themeToggle = document.getElementById("theme-toggle"); - var body = document.body; - - // Menu toggle functionality - menuToggle.addEventListener("click", function () { - mainNav.classList.toggle("open"); - }); - - // Theme toggle functionality - themeToggle.addEventListener("click", function () { - // Toggle between 'light' and 'dark' themes - var currentTheme = body.getAttribute("data-theme") || "light"; - var newTheme = currentTheme === "dark" ? "light" : "dark"; - body.setAttribute("data-theme", newTheme); - localStorage.setItem("theme", newTheme); - }); - - // On page load, set the theme from localStorage or system preference - var storedTheme = localStorage.getItem("theme"); - if (storedTheme) { - body.setAttribute("data-theme", storedTheme); - } else { - // Detect system preference - var prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches; - var defaultTheme = prefersDarkScheme ? "dark" : "light"; - body.setAttribute("data-theme", defaultTheme); - } - - // Listen for changes in the system color scheme - window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", function (e) { - var storedTheme = localStorage.getItem("theme"); - if (!storedTheme) { - var newColorScheme = e.matches ? "dark" : "light"; - body.setAttribute("data-theme", newColorScheme); - } - }); -}); |
