01Overview
Three pages sharing one layout and a theme switch: a dark canvas for live music, a light canvas for portraits. I built the site, the motion, and shot every frame.
02What I built
-
Editorial layout
Full-bleed slideshow heroes with oversized italic-serif headlines, paired with a parallax gallery built from a repeating asymmetric row pattern.
-
Per-image parallax
Each photograph drifts at its own scroll speed with no overlaps, so the composition reads as intentional, never a uniform grid.
-
Inertia about page
A transform-based smooth scroll with eased lerp and intersection-observer reveals, with a reduced-motion-aware mobile path.
-
Static and fast
Prerendered with Astro to static HTML, with a custom shutter-icon favicon and security headers.
03Selected screens
04Tech
AstroVanilla CSSClient-side JSVercel
Next project — Deep-Learning Proctoring Research
SOAP