feat: release 2.20.1

Dockerfile

@@ -22,7 +22,7 @@ WORKDIR /app
 COPY --from=prod-deps /app/node_modules /app/node_modules
 COPY --from=build /app/dist /app/dist
 
-LABEL version="2.20.0"
+LABEL version="2.20.1"
 LABEL description="Astro based personal website"
 
 ENV HOST=0.0.0.0

package.json

@@ -1,7 +1,7 @@
 {
   "name": "site-profile",
   "type": "module",
-  "version": "2.20.0",
+  "version": "2.20.1",
   "homepage": "https://www.alexlebens.dev",
   "bugs": {
     "url": "https://gitea.alexlebens.dev/alexlebens/site-profile/issues",

src/layouts/BaseLayout.astro

@@ -93,15 +93,26 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
 
 <script>
   document.addEventListener('astro:page-load', () => {
+    let ticking = false;
     const onScroll = () => {
-      document.documentElement.style.setProperty('--scroll-offset', `${window.scrollY}px`);
+      if (!ticking) {
-      document.documentElement.classList.add('has-js');
+        window.requestAnimationFrame(() => {
+          document.documentElement.style.setProperty('--scroll-offset', `${window.scrollY}px`);
+          ticking = false;
+        });
+        ticking = true;
+      }
     };
 
-    window.removeEventListener('scroll', onScroll);
     window.addEventListener('scroll', onScroll, { passive: true });
-
+    
     onScroll();
+
+    document.documentElement.classList.add('has-js');
+
+    document.addEventListener('astro:before-swap', () => {
+      window.removeEventListener('scroll', onScroll);
+    }, { once: true });
   });
 </script>
 
@@ -129,6 +140,7 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
 
     -webkit-mask-position-y: var(--scroll-offset);
     mask-position-y: var(--scroll-offset);
+    will-change: mask-position;
   }
 
   /* Background that creates the "glimmer" effect */