feat(bento): live hover vignettes + Barns & Neutrons feature tile

Browse Source

Add HoverVignette: a transparent alpha-WebM 3D render that plays over a tile on
hover/focus. Poster-first, preload=none, reduced-motion-safe, Safari-degrades to
the poster (no VP9-alpha). Feature tiles drop the static screenshot (the poster
is the rest state) and grow + lift above neighbours on hover so the animation is
the focus.

Rework the grid to six gap-free tiles: drop Neroswap, shrink Wownerogue to span 1.

First vignette: Barns & Neutrons — extruded 3D "BARNS & NEUTRONS" in the brand
ChakraPetch face with ambient drifting nuclei and a beta strike that fires a
surface-ripple + blue absorption flash across the letters. Rendered transparent
on the 1080 Ti via such-graphics.

...

This commit is contained in:

jwinterm

2026-07-07 13:18:24 -04:00

parent a5647735d4

commit c93421c083

4 changed files with 140 additions and 12 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

apps/web/public/showcase/vignettes/barns.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 104 KiB

apps/web/public/showcase/vignettes/barns.webm

BIN

Binary file not shown.