Colophon

How this site is built and the decisions behind it.

Credits

The look, feel, and structure of this site are heavily inspired by Alex Howells. Credit where it's due.

Stack

This site runs on Astro 6. It builds to plain static HTML and ships no JavaScript unless a page actually needs it. Here that's a few dozen lines of vanilla JS for the keyboard shortcuts and the light/dark toggle, nothing else. Styling is Tailwind CSS v4. The colors, fonts, and spacing all live as tokens in one @theme block, so I change a value once and it updates everywhere. It's TypeScript in strict mode, written in VS Code. The code lives on GitHub, and Cloudflare Pages rebuilds and deploys it on every push. Nothing runs on my own hardware, and my home network stays off the internet. Isolated and secure.

Typography

Three fonts, each with a job. Space Grotesk is the display face: my name on the home page, the blog post titles. Newsreader does the reading, body copy and most of the text on pages like this one. Space Mono handles anything that should feel like a terminal: the prompt, the keyboard hints, those little green section labels, and code. All three come from Google Fonts.

Design

I kept the whole thing to a terminal look and let that decide everything else. No pure black, no pure white. The terminal window is #0d1117 sitting on a near-black desktop at #010409, text is a soft off-white #c9d1d9, and the one accent color, terminal green #1cb03a, covers links, the prompt $, and the blinking cursor. Dark is the default; [d] switches to a light theme and remembers it. The home page is dressed up as an app window with the macOS traffic-light buttons; the inner pages stay plain so they're easy to read. You can move around from the keyboard: [a] about, [b] blog, [c] career, [x] colophon, [h] help. The blinking cursor after the tagline is the one bit of flair.