Update web/templates/base.html

web/templates/base.html

@@ -255,7 +255,21 @@
     }
   })();
   </script>
+  <script>
+  // Sticky header: add shadow when page is scrolled
+    (function () {
+      const bar = document.querySelector('.topbar-wrap');
+      if (!bar) return;
 
+     const onScroll = () => {
+       const y = window.scrollY || document.documentElement.scrollTop || 0;
+      bar.classList.toggle('is-scrolled', y > 2);
+      };
+
+      document.addEventListener('scroll', onScroll, { passive: true });
+     onScroll(); // initialize
+   })();
+  </script>
   <!-- === PWA service worker registration (BEGIN) === -->
   <script>
     if ('serviceWorker' in navigator) {