Website Update

Author: Modelized

docs/assets/css/style.css

@@ -726,7 +726,7 @@ a {
   }
 
   .nav--open .brand {
-    transform: translate3d(var(--mobile-brand-shift-x, 0px), var(--mobile-brand-shift-y, 0px), 0) scale(1.18);
+    transform: translate3d(var(--mobile-brand-shift-x, 0px), var(--mobile-brand-shift-y, 0px), 0) scale(1.22);
   }
 
   .nav-search,

docs/assets/js/shell.js

@@ -197,7 +197,7 @@
     if (row && sheetContent){
       const rowRect = row.getBoundingClientRect();
       const sheetContentRect = sheetContent.getBoundingClientRect();
-      const menuGap = Math.round(Math.min(Math.max(viewportHeight * 0.17, 114), 148));
+      const menuGap = Math.round(Math.min(Math.max(viewportHeight * 0.19, 126), 162));
       const menuTop = Math.round(Math.max(72, rowRect.bottom + menuGap - sheetContentRect.top));
       root.style.setProperty('--mobile-menu-top', `${menuTop}px`);
     }
@@ -208,11 +208,14 @@
       const brand = nav.querySelector('.brand');
       const logo = nav.querySelector('.brand-logo');
       const firstLink = nav.querySelector('.mobile-menu a');
-      if (brand && firstLink){
+      if (brand && firstLink && row){
         const logoRect = (logo || brand).getBoundingClientRect();
         const firstLinkRect = firstLink.getBoundingClientRect();
-        const gapAbove = Math.round(Math.min(Math.max(viewportHeight * 0.038, 26), 34));
-        const targetTop = firstLinkRect.top - logoRect.height - gapAbove;
+        const rowRect = row.getBoundingClientRect();
+        const gapAbove = Math.round(Math.min(Math.max(viewportHeight * 0.028, 18), 24));
+        const alignedTop = firstLinkRect.top - logoRect.height - gapAbove;
+        const minLogoTop = Math.round(rowRect.top + 12);
+        const targetTop = Math.max(alignedTop, minLogoTop);
         const shiftX = Math.round(firstLinkRect.left - logoRect.left);
         const shiftY = Math.round(targetTop - logoRect.top);
 

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=20260322a">
+  <link rel="stylesheet" href="assets/css/style.css?v=20260323b">
 
   <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=20260323a" defer></script>
+  <script src="assets/js/shell.js?v=20260323b" defer></script>
 </body>
 </html>