alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

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

Browse Source
This commit is contained in:
Alex Lebens
2026-03-05 19:28:13 -06:00
parent 95ea235f9f
commit 89fd0eb7ce
3 changed files with 16 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Dockerfile
View File

@@ -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.1"
LABEL version="2.21.0"
LABEL description="Astro based personal website"
ENV HOST=0.0.0.0

2
package.json
View File

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

56
src/layouts/BaseLayout.astro
View File

@@ -68,79 +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 />
<Header />
<!-- Content -->
<div class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden">
<main class="pt-20">
<main class="has-js scroll-fade-container min-h-screen">
<slot />
<Footer />
</main>
</div>
<Footer />
</body>
</html>
<script>
document.addEventListener('astro:page-load', () => {
let ticking = false;
const onScroll = () => {
if (!ticking) {
window.requestAnimationFrame(() => {
document.documentElement.style.setProperty('--scroll-offset', `${window.scrollY}px`);
ticking = false;
});
ticking = true;
}
};
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>
<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);
will-change: mask-position;
}
/* Background that creates the "glimmer" effect */