Website Update

Author: Modelized

docs/assets/js/shell.js

@@ -321,19 +321,7 @@
    let ticking = false;
    const settleTimers = [];
 
-   const isVisuallyScrolled = () => {
-     if (isPortraitMobile()) {
-       const hero = document.getElementById('hero');
-       const pageWrap = document.querySelector('.page-wrap');
-
-       if (hero && pageWrap) {
-         const heroTop = hero.getBoundingClientRect().top;
-         const pageWrapStyles = getComputedStyle(pageWrap);
-         const expectedTop = parseFloat(pageWrapStyles.paddingTop) || 0;
-         return heroTop < (expectedTop - 4);
-       }
-     }
-
+   const getScrolled = () => {
      const scrollEl = document.scrollingElement || document.documentElement || document.body;
      const y = Math.max(
        window.scrollY || 0,
@@ -343,9 +331,16 @@
      return y > 4;
    };
 
+   const resetBackdropState = () => {
+     if (!backdrop) backdrop = document.querySelector('.nav-backdrop');
+     backdrop?.classList.remove('is-visible');
+     document.body.classList.remove('nav--scrolled');
+     last = null;
+   };
+
    const compute = () => {
      ticking = false;
-     const scrolled = isVisuallyScrolled();
+     const scrolled = getScrolled();
 
      if (scrolled !== last){
        if (!backdrop) backdrop = document.querySelector('.nav-backdrop');
@@ -370,6 +365,7 @@
 
    const scheduleSettledChange = (baseDelay = 0) => {
      clearSettleTimers();
+     resetBackdropState();
      [baseDelay, baseDelay + 140, baseDelay + 320, baseDelay + 560].forEach((delay) => {
        settleTimers.push(window.setTimeout(onChange, delay));
      });

docs/index.html

@@ -8,7 +8,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="assets/css/style.css?v=20260321a">
+  <link rel="stylesheet" href="assets/css/style.css?v=20260321e">
 
   <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <link rel="icon" sizes="192x192" href="android-chrome-192x192.png">
@@ -133,6 +133,6 @@ <h2>Live Modules</h2>
 
   <div id="footer-slot"></div>
 
-  <script src="assets/js/shell.js?v=20260321d" defer></script>
+  <script src="assets/js/shell.js?v=20260321f" defer></script>
 </body>
 </html>