Colophon
7 entries- Typography Source Serif 4 · Geist Mono
- Stack Astro 6 · Bun · MDX
- Cover ASCII shader, 12-step density ramp
- Source github.com/jackoregankenny/blog
- License MIT · open
- Hosted static, no tracking, no JS framework on the page
- Sister site lifescientific.com
The cover
The animated panel on the homepage is an ASCII shader — a 2D grid of monospace glyphs, redrawn every frame, where each cell's density is sampled from the sum of four wave layers: a radial pulse, two diagonal travelling waves, and an exponentially-decaying ripple that follows the cursor.
Output is mapped through a 12-step density ramp — ' ·.,:-+=*#%@' — and the gap between adjacent characters is what makes the gradient read as smooth instead of banded.
The grid resizes on every viewport change by measuring the actual rendered glyph width with a hidden probe span, so the shader fills the cover on any screen without committing to a fixed cell size.