better dark mode switching

dev-dwarf · dev-dwarf · commit 2a86fa41d027 · 2023-09-17T11:26:51.000-06:00
diff --git a/serve.bat b/serve.bat
@@ -1,6 +1,6 @@
 @REM Serve the site on localhost using python's built in server.
 @echo off
 pushd deploy
-start "local server" py -m http.server
+start "local server" python -m http.server
 start chrome.exe "http://localhost:8000/index.html"
 popd  
diff --git a/static-site-gen/site.cpp b/static-site-gen/site.cpp
@@ -44,28 +44,23 @@ R"(
     <link rel="stylesheet" href="/dwarf.css">
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
     </head>
+    
+    <body>
     <script>
-        
+        var theme = localStorage.getItem('theme') || 'light';
+
+        // window.onload = function() {
+           document.querySelector('body').setAttribute('data-theme', theme);
+        // }
+
         function toggleNight() {
-            document.body.classList.toggle("night");
-            const val = document.body.classList.contains("night");
-            localStorage.setItem('theme', val);
-            console.log(val);
+            console.log('toggle');
+            theme = (theme == 'light')? 'night' : 'light';
+            localStorage.setItem('theme', theme);
+            document.querySelector('body').setAttribute('data-theme', theme);   
         }
-    
-    window.onload = function() {
-        const saved = localStorage.getItem('theme');
-        if (saved === 'true') {
-            document.body.classList.add('night');
-        }
-        full_path = location.href.split('#')[0];
-        Array.from(document.getElementById("nav-links").getElementsByTagName("a"))
-            .filter(l => l.href.split("#")[0] == full_path)
-            .forEach(l => l.className += " current");
-    }    
-    </script>
-    <body>
 
+    </script>
     <div class="wrapper">
     <main class="page-content" aria-label="Content">
 
