How it's made

Colophon

A colophon is the note at the end of a book that tells you how it was made. This is this site's.

The stack

  • Built with Astro. Fully static: every page is plain HTML and CSS, with no client-side framework.
  • Deployed to GitHub Pages via GitHub Actions on every push.
  • Content lives in TypeScript and Markdown files inside the repo. There is no CMS: the editor is the editor.

Typography

  • Bricolage Grotesque for headings, Inter for body text, and Lora for long-form reading pages.
  • Fonts are self-hosted — no requests to third parties. The dark palette is a handful of CSS custom properties.

Data & API

  • Everything on this site is also machine-readable: a public JSON API, RSS, JSON Feed, and llms.txt.
  • Social preview images are generated at build time with Satori and resvg — one per page, no design tool involved.
  • The CV exists as a print-ready page that Playwright turns into PDFs in three languages.

Quality

  • An accessibility audit (axe-core over every key page) runs as a pre-commit hook. If a page fails, the commit doesn't happen.
  • No analytics, no cookies, no trackers. If you're reading this, I have no idea — and that's fine.

Details

The whole site is available in Spanish, English, and Latin. Yes, Latin. Somebody had to.