add deployment and corrected themes

templates/page.html

@@ -8,7 +8,8 @@
 <script>
 (function () {
   var stored = localStorage.getItem('poc-theme');
-  var theme = stored || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'tokyo' : 'light');
+  // Changed default from 'tokyo' to 'macchiato'
+  var theme = stored || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'macchiato' : 'light');
   document.documentElement.setAttribute('data-theme', theme);
 })();
 </script>
@@ -36,7 +37,7 @@
 <!-- Off-canvas mobile menu -->
 <div id="nav-overlay" class="nav-overlay"></div>
 <div id="nav-offcanvas" class="nav-offcanvas">
-  <div class="offcanvas-header">I
+  <div class="offcanvas-header">
     <span class="brand">FLÓ <span class="brand-sep">/</span> <span class="brand-sub">ZEITKORT</span></span>
     <button id="nav-close" class="nav-close" aria-label="Close menu">&#x2715;</button>
   </div>
@@ -70,25 +71,24 @@
 <script src="/static/timer.js"></script>
 <script>
 (function () {
-  function currentSystemTheme() {
-    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'tokyo' : 'light';
-  }
   var btn = document.getElementById('theme-toggle');
   if (btn) {
     btn.addEventListener('click', function () {
       var current = document.documentElement.getAttribute('data-theme') || 'light';
-      var next = current === 'light' ? 'tokyo' : 'light';
+      var next = current === 'light' ? 'macchiato' : 'light';
       document.documentElement.setAttribute('data-theme', next);
       localStorage.setItem('poc-theme', next);
     });
   }
   window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function () {
     if (!localStorage.getItem('poc-theme')) {
-      document.documentElement.setAttribute('data-theme', currentSystemTheme());
+      document.documentElement.setAttribute('data-theme', window.matchMedia('(prefers-color-scheme: dark)').matches ? 'macchiato' : 'light');
     }
   });
 })();
+</script>
 
+<script>
 (function () {
   var overlay = document.getElementById('nav-overlay');
   var panel = document.getElementById('nav-offcanvas');
@@ -101,7 +101,6 @@
   if (overlay) overlay.addEventListener('click', close);
   panel.querySelectorAll('a').forEach(function(a) { a.addEventListener('click', close); });
 
-  // Mark active link on click
   document.querySelectorAll('nav a, .offcanvas-links a').forEach(function(a) {
     a.addEventListener('click', function() {
       document.querySelectorAll('nav a, .offcanvas-links a').forEach(function(el) {