feat: site revamp with webgl ascii field - #10
Merged
Merged
Conversation
Full-screen WebGL background: a domain-warped fbm field sampled per character cell and rendered through a runtime-built glyph atlas, with a pointer swell and a radial clearing so the type never competes with it. Pauses on hidden tabs, freezes under prefers-reduced-motion, and tears the GL context down on unmount. Repositions the page around the three products and the new line — unlocking the full potential of coding agents. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CQy3ZJ5MyUxo4qjZwA93Na
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Background
A full-screen WebGL field behind the page: domain-warped fbm sampled once per character cell, rendered through a glyph atlas built at runtime from the site's own pixel font. A pointer swell bends the flow toward the cursor, and a radial clearing keeps the middle quiet so the type never fights the animation.
Deliberately cheap and well-behaved: single fullscreen triangle, DPR capped at 2, animation pauses on hidden tabs, freezes (rather than disappears) under
prefers-reduced-motion, and the GL context, texture, buffer and shaders are all released on unmount.One bug worth recording — the first version rendered nearly nothing: Canvas 2D silently rejects
var(--font-…)in itsfontproperty, so every glyph was drawn at the default 10px sans-serif into 64px atlas cells and the texture came out almost black. The family is now resolved to a literal viagetComputedStylebefore the atlas is drawn.Copy
Kyora stays the wordmark headline, with the new positioning as subtext, then the three products as their own rows:
Metadata updated to match; the old "runtime observability SDK" description predated review and council.
🤖 Generated with Claude Code
https://claude.ai/code/session_01CQy3ZJ5MyUxo4qjZwA93Na