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=prod-deps /app/node_modules /app/node_modules
COPY --from=build /app/dist /app/dist COPY --from=build /app/dist /app/dist
LABEL version="2.20.1" LABEL version="2.21.0"
LABEL description="Astro based personal website" LABEL description="Astro based personal website"
ENV HOST=0.0.0.0 ENV HOST=0.0.0.0

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "site-profile", "name": "site-profile",
"type": "module", "type": "module",
"version": "2.20.1", "version": "2.21.0",
"homepage": "https://www.alexlebens.dev", "homepage": "https://www.alexlebens.dev",
"bugs": { "bugs": {
"url": "https://gitea.alexlebens.dev/alexlebens/site-profile/issues", "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> </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 --> <!-- Sliding backgrounds -->
<div class="bg"/> <div class="bg"/>
<div class="bg bg2"/> <div class="bg bg2"/>
<div class="bg bg3"/> <div class="bg bg3"/>
<!-- Layout --> <!-- Fixed header -->
<div class="grow w-full max-w-(--breakpoint-2xl) px-4 sm:px-6 lg:px-8 py-20 mx-auto">
<Header /> <Header />
<main class="has-js scroll-fade-container min-h-screen"> <!-- Content -->
<slot /> <div class="mask-container w-screen h-screen overflow-y-auto overflow-x-hidden">
</main> <main class="pt-20">
</div> <slot />
<Footer /> <Footer />
</main>
</div>
</body> </body>
</html> </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> <style>
/* Fade away content below header when scrolling */ /* Fade away content below header when scrolling */
.has-js .scroll-fade-container { .mask-container {
-webkit-mask-image: linear-gradient( -webkit-mask-image: linear-gradient(
to bottom, to bottom,
transparent 0px, transparent 0px,
transparent 16px, transparent 90px,
black 80px, black 140px,
black 100% black 100%
); );
mask-image: linear-gradient( mask-image: linear-gradient(
to bottom, to bottom,
transparent 0px, transparent 0px,
transparent 16px, transparent 90px,
black 60px, black 140px,
black 100% black 100%
); );
-webkit-mask-size: 100vw 100vh; -webkit-mask-size: 100vw 100vh;
-webkit-mask-repeat: no-repeat; -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 */ /* Background that creates the "glimmer" effect */