#design decisions
7 build entries, newest first.
-
The card frame went away once the photo had alpha
Stripping the white card revealed the photo as a figure on the aurora instead of a portrait on a plate.
-
Cursor as a continuous slider
Mouse X drives the about hero through ten wardrobe frames as a continuous cross-fade, not a discrete scrub.
-
One signature interaction per page, never the same one twice
The home, about, library, and stack each carry a different interactive idea. None repeat.
-
Extracting the noise URL instead of duplicating it
The about page reuses the home hero's noise texture by reading it out of hero.css at install time.
-
Two media queries decide whether the interaction runs
If the device is touch or the user prefers reduced motion, the script never attaches a listener.
-
Noise is what makes the aurora feel like a surface
A 14% opacity noise layer at mix-blend-mode multiply takes the aurora gradient from CSS to texture.
-
1.5 MB of lossy beats 11 MB of lossless
Quality 92 WebP keeps the photo's perceived quality and ships under a tenth of the lossless weight.