fin1te

Colophon

How this site is built.

I wanted it to load like a text file and still show off a little. The rule was: every byte of JavaScript has to be doing something you can see.

Framework
Astro, fully static. No client framework, no hydration.
JavaScript
A few KB of hand-written TypeScript per page. The command menu loads only when you open it.
Diagrams
SVG generated at build time from typed data. Edge routing is computed once, not in the browser.
Demo
The Spark to Rust figure is a 2D canvas that pauses when off screen and stops for reduced motion.
Type
Mona Sans (variable width) and IBM Plex Mono, self-hosted, Latin subset preloaded.
Writing
MDX, highlighted at build time with Shiki. Reading progress uses CSS scroll-driven animation.
Hosting
Cloudflare, static assets at the edge, DNS on the same account.
Source
Private repository.