Colophon

How this site is built.

This site is a demonstration as much as a business card: every technical choice is documented here, including the opinionated ones.

The stack

• Astro 7, fully static output: every page is an HTML file served as-is, no server rendering, no database.
• Cloudflare Workers (static assets) for hosting: the site is served from the CDN, close to you.
• Three self-hosted fonts: Bricolage Grotesque for headings, Instrument Sans for text, JetBrains Mono for labels. No request ever leaves for a third-party font service.
• Vanilla 2D canvas for the generative background: about 120 commented lines, zero libraries.
• CSS scroll-driven animations for the scroll reveals: zero JavaScript.
• Native cross-document view transitions for page-to-page continuity, in one CSS rule.

The method

The site is designed and developed in tandem with an AI (Claude Code), on top of a written doctrine: conventions, known pitfalls, guardrails. The AI proposes and executes, the doctrine frames, and a verification script blocks any deployment if a page is truncated, an internal link is broken, or a forbidden string slipped into the built HTML. Deployment goes through that gate, without exception.

The opinions

• Spectacle must not cost speed. The generative background stops outside the viewport and in hidden tabs, animations only touch opacity and transform, and everything degrades gracefully without JavaScript or under prefers-reduced-motion.
• Zero cookies, zero trackers, zero banner. No embedded analytics: your visit is nobody's business but yours.
• Every fact is sourced, notably on the namesakes page: no invented figures, no flattering approximations.

Verifiable by you

Open the developer tools: no framework bundle, no third-party request, no cookie set. Run a Lighthouse audit: the stated goal is a maximal score everywhere, canvas included. If you find something to criticise, the LinkedIn link is in the footer, and well-argued critiques are a gift.