summaryrefslogtreecommitdiff
path: root/assets/js
diff options
context:
space:
mode:
authordelta <darkussdelta@gmail.com>2025-09-17 23:29:44 +0200
committerdelta <darkussdelta@gmail.com>2025-09-17 23:29:44 +0200
commit088a18410e43a209a4864bccad5ddb89a7ee1d5d (patch)
tree7f7db9ad58e0e2c3ec9141b7b54668ee01164a13 /assets/js
parent16bdab2a899bf4ed120e10a889c320304b561130 (diff)
asides, hacker webring stuff and some more
Diffstat (limited to 'assets/js')
-rw-r--r--assets/js/main.js41
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);
- }
- });
-});