feat: release 2.21.0

feat: release 2.20.1
feat: slight optimization
2026-03-05 19:28:13 -06:00 · 2026-03-05 19:12:58 -06:00 · 2026-03-05 19:12:39 -06:00
3 changed files with 16 additions and 32 deletions
--- a/2
+++ b/2
@@ -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.21.0"
 LABEL description="Astro based personal website"

 ENV HOST=0.0.0.0
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "site-profile",
  "type": "module",
-  "version": "2.20.0",
+  "version": "2.21.0",
  "homepage": "https://www.alexlebens.dev",
  "bugs": {
    "url": "https://gitea.alexlebens.dev/alexlebens/site-profile/issues",
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -68,67 +68,51 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
    />
  </head>

-  <body class="bg-background selection:bg-yellow-400 m-0 p-0 overflow-x-hidden">
+  <body class="bg-background selection:bg-yellow-400 m-0 p-0 overflow-hidden">

    <!-- Sliding backgrounds -->
    <div class="bg"/>
    <div class="bg bg2"/>
    <div class="bg bg3"/>

-    <!-- Layout -->
-    <div class="grow w-full max-w-(--breakpoint-2xl) px-4 sm:px-6 lg:px-8 py-20 mx-auto">
-
+    <!-- Fixed header -->
    <Header />

-      <main class="has-js scroll-fade-container min-h-screen">
-        <slot />
-      </main>
+    <!-- Content -->
+    <div class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden">
+      <main class="pt-20">

-    </div>
+        <slot />

        <Footer />
        
+      </main>
+    </div>
+
  </body>
 </html>

-<script>
-  document.addEventListener('astro:page-load', () => {
-    const onScroll = () => {
-      document.documentElement.style.setProperty('--scroll-offset', `${window.scrollY}px`);
-      document.documentElement.classList.add('has-js');
-    };
-
-    window.removeEventListener('scroll', onScroll);
-    window.addEventListener('scroll', onScroll, { passive: true });
-
-    onScroll();
-  });
-</script>
-
 <style>
  /* Fade away content below header when scrolling */
-  .has-js .scroll-fade-container {
+  .mask-container {
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0px,
-      transparent 16px,
-      black 80px,
+      transparent 90px,
+      black 140px,
      black 100%
    );

    mask-image: linear-gradient(
      to bottom,
      transparent 0px,
-      transparent 16px,
-      black 60px,
+      transparent 90px,
+      black 140px,
      black 100%
    );

    -webkit-mask-size: 100vw 100vh;
    -webkit-mask-repeat: no-repeat;
-
-    -webkit-mask-position-y: var(--scroll-offset);
-    mask-position-y: var(--scroll-offset);
  }

  /* Background that creates the "glimmer" effect */
Author	SHA1	Message	Date
Alex Lebens	89fd0eb7ce	feat: release 2.21.0 All checks were successful test-build / guarddog (push) Successful in 44s Details release-image-harbor / build (push) Successful in 1m59s Details renovate / renovate (push) Successful in 2m8s Details test-build / build (push) Successful in 3m37s Details release-image-gitea / build (push) Successful in 3m38s Details release-image-harbor / release (push) Successful in 5m59s Details release-image-gitea / release (push) Successful in 6m54s Details	2026-03-05 19:28:13 -06:00
Alex Lebens	95ea235f9f	feat: release 2.20.1 All checks were successful test-build / guarddog (push) Successful in 41s Details renovate / renovate (push) Successful in 1m40s Details test-build / build (push) Successful in 1m52s Details release-image-harbor / build (push) Successful in 2m2s Details release-image-gitea / build (push) Successful in 4m38s Details release-image-harbor / release (push) Successful in 8m26s Details release-image-gitea / release (push) Successful in 15m39s Details	2026-03-05 19:12:58 -06:00
Alex Lebens	fe6604a5d9	feat: slight optimization	2026-03-05 19:12:39 -06:00