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.

● Static HTML ● 0 client framework ● 0 cookies, 0 trackers ● Self-hosted fonts

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 with AI assistance (Claude Code and Codex), 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 cookies or trackers. Fonts and editorial images are served by this site. Foncier calls an external Python service and IGN Géoplateforme for suggestions and its map background; its page explains these exchanges. Lighthouse can check performance and some accessibility criteria, alongside visual inspection. If you find something to criticise, the LinkedIn link is in the footer, and well-argued critiques are a gift.