Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Tuesday, April 7, 2026dot-matrix-globe-build

Theme-reactive canvas without re-mounting

DesignReactCanvas

The globe needed to respond to the site's dark/light toggle instantly — no flash, no re-mount. Built a custom themechange event that the ThemeProvider dispatches when the toggle fires. The canvas listens for it and swaps colors in the next animation frame. Land dots, ocean dots, graticule lines, the crimson origin star — all theme-reactive without destroying and recreating the canvas. Also made the design decision to keep it ambient: no scroll-zoom (it would fight page scrolling), offset-right positioning to leave room for the hero headline. It's a mood piece, not a tool. The globe breathes behind the text.

← Previous

Why I benchmark locally

Next →

'It won't run' — a story about conventional wisdom


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol✦Just one prompt away from figuring it all out.