From 6d334211640930919ef40c347f267973ffdc4284 Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Thu, 4 Sep 2025 16:30:29 -0400
Subject: [PATCH] logging

---
 static/demos/light-dark-demo-4/index.html | 29 ++++++++++++++++++++++-
 static/demos/light-dark-demo-4/sw.js      |  2 ++
 2 files changed, 30 insertions(+), 1 deletion(-)
diff --git a/static/demos/light-dark-demo-4/index.html b/static/demos/light-dark-demo-4/index.html
index 248b8e9..aaece3f 100644
--- a/static/demos/light-dark-demo-4/index.html
+++ b/static/demos/light-dark-demo-4/index.html
@@ -11,28 +11,53 @@
 
 <body>
     <style>
+        p {
+            max-width: 66ch;
+        }
+
         @media (prefers-color-scheme: light) {
             :root {
                 --pico-color: black;
                 --pico-background-color: white;
+
+                & .red {
+                    color: black;
+                    background: red;
+                }
             }
 
             :root:has(body.toggled) {
                 --pico-color: white;
                 --pico-background-color: black;
 
+                & .red {
+                    color: red;
+                    background: black;
+                }
+
             }
+
         }
 
         @media (prefers-color-scheme: dark) {
             :root {
                 --pico-color: white;
                 --pico-background-color: black;
+
+                & .red {
+                    color: red;
+                    background: black;
+                }
             }
 
             :root:has(body.toggled) {
                 --pico-color: black;
                 --pico-background-color: white;
+
+                & .red {
+                    color: black;
+                    background: red;
+                }
             }
         }
 
@@ -67,7 +92,9 @@
 
         await navigator.serviceWorker.register("sw.js");
     </script>
-    <p>Here is some example text</p>
+    <p>Don't copy this code at all, it is for demo purposes only and is terrible code. <span class="red">Note: if you
+            hard refresh you will get your system preference of light/dark due to this demo being powered by a service
+            worker</span></p>
     <form action="./light-dark-toggle" method="get">
         <input id="full-demo" type="submit" value="Fully enhanced demo">
     </form>
diff --git a/static/demos/light-dark-demo-4/sw.js b/static/demos/light-dark-demo-4/sw.js
index 7a54f10..a9fd4f8 100644
--- a/static/demos/light-dark-demo-4/sw.js
+++ b/static/demos/light-dark-demo-4/sw.js
@@ -20,6 +20,8 @@ self.addEventListener("fetch", event =>{
 
 async function handle_redirect(req){
     const go_back_to = req.headers.get('Referer') || '/';;
+    console.log("ref:",req.headers.get('Referer'), go_back_to);
+    console.log("headers:",req.headers)
     const db_req = self.indexedDB.open("light-dark-store");
 
 
