Get timezone from user

TODO: actually respect the timezone

src/Base.astro

···
     <meta name="generator" content={Astro.generator} />
     <link rel="sitemap" href="/sitemap-index.xml" />
     <title>{title} | vielle.dev</title>
-    <!-- per page info -->
-    <slot name="head" />
+    <script>
+      // sets the timezone offset
+      document.cookie = `timezone=${new Date().toString()}`
+    </script>
     <!-- default styles (rem, *) -->
     <style is:global>
       @layer reset {

src/components/blog/Background.astro

···
 import Moon from "./background/Moon.astro";
 import Sun from "./background/Sun.astro";
 
-const date = new Date(Astro.request.headers.get("Date") ?? Date.now());
+const date = new Date(
+  Astro.cookies.get("timezone")?.value ??
+    Astro.request.headers.get("Date") ??
+    Astro.request.headers.get("date") ?? // idk if it cares about capitals so Both
+    Date.now()
+);
+
+console.log(date);
+
 const accurateHours =
   date.getHours() + date.getMinutes() / 60 + date.getSeconds() / 60 ** 2;
 const daytime = accurateHours > 6 && accurateHours < 18;

src/components/blog/background/Stars.astro

···
     top: calc(var(--y) * (120lvh + var(--parallax-speed) * 1lvh) - 10lvh);
     left: calc(var(--x) * 120lvw - 10lvw);
     z-index: -1;
-    animation-name: spin var(--rotate-speed) forwards infinite;
+    @media (prefers-reduced-motion: no-preference) {
+      animation-name: spin var(--rotate-speed) forwards infinite;
 
-    &[data-parallax] {
-      animation:
-        1ms alternate scroll,
-        var(--rotate-dir) var(--rotate-speed) infinite linear spin !important;
-      animation-timeline: scroll(), auto !important;
+      &[data-parallax] {
+        animation:
+          1ms alternate scroll,
+          var(--rotate-dir) var(--rotate-speed) infinite linear spin !important;
+        animation-timeline: scroll(), auto !important;
+      }
     }
   }
 </style>