Hero: lysbue's paths paint worklet, animated (WIP branch)

This commit is contained in:
Bendik Aagaard Lynghaug
2026-08-25 19:26:54 +02:00
parent c5b445ecb1
commit 683c6da6b9
4 changed files with 279 additions and 96 deletions
+9 -5
View File
@@ -11,11 +11,15 @@ The full schema reference lives in
this repo only notes what's distinctive here:
- **`site.yaml`** rebrands the instance: title `redoal`, its own
wordmark, and a `module` hero — `hero.js` in this repo, the drifting
"sine swings" band grown from lysbue's logo (pure SVG + CSS, colors
from portal's own custom properties, still under
prefers-reduced-motion). No input up there: the form's gesture
canvas below is the one place a visitor draws. The wordmark is
wordmark, and a `module` hero — `hero.js` in this repo, lysbue's
"paths" paint worklet brought back and animated: 47 generative
turning-function curves (`paths.js`, seeded so every repaint agrees)
tracing themselves in from the center. A real CSS Paint Worklet
where the API exists (`paths-worklet.js`, driven by a registered
`--redoal-t` CSS animation), a canvas with the same generator
elsewhere; colors from portal's custom properties, frozen under
prefers-reduced-motion. No input up there: the form's gesture canvas
below is the one place a visitor draws. The wordmark is
white-stroked like uhhm's, because portal's light theme lands
wordmarks as ink via an invert filter.
- **`type: gesture`** on `index.yaml`'s "Draw a path and see who's near" — the