Colophon

A colophon is traditionally the part of a book that describes how it was made. This page serves that purpose for this site.

About This Site

This site has been my corner of the internet since April 2024. It started as a simple portfolio and has grown into something more personal: a place for my writing, projects, bookmarks, and whatever else I find interesting.

I treat it as a long-term project. I want a space I enjoy maintaining, one that might still work in ten years without major rewrites. That philosophy shapes most of the technical decisions below.

Technology

The site is built with Astro, a static site generator that ships minimal JavaScript by default. I chose Astro because it stays out of the way. Content lives in flat Markdown or MDX files that I can edit in any text editor.

For the few interactive pieces (the music widget, table of contents, and the lab experiments), I use React through Astro’s island architecture.

The guestbook and other dynamic content run on Astro DB, backed by Turso. Hosting and deployment is on Vercel.

Typography

Headings are in Editorial New, body in Inter. Both are scaled fluidly, so sizes adjust smoothly based on viewport width rather than jumping at breakpoints.

Styling

Colors come from Radix Colors, which provides accessible color palettes with built-in dark mode support. The accent throughout the site is Tomato.

I use custom CSS variables for spacing, typography, and theming.

Code

Syntax highlighting is powered by Expressive Code with two themes: Rose Pine Dawn for light mode and Kanagawa Dragon for dark.

Writing

Posts start as rough notes in Obsidian. I revise them over time, sometimes publishing quickly, sometimes letting them sit for weeks.

There’s no CMS. Content lives in MDX files and is committed directly to the repository. More friction than a web interface, but everything stays version-controlled and portable.

Privacy

I use Vercel Analytics, which is a privacy-first tool that doesn’t use cookies. There are no ads and no cross-site trackers, and I will never sell your data to third parties.

The guestbook collects only what you submit: your name, message, and country (for the stamp). If you want your entry removed, email me.

Accessibility

I aim for WCAG AA compliance. The site respects reduced motion preferences and should be navigable by keyboard and screen reader. If you encounter accessibility issues, please let me know.

Energy

This site produces approximately 0.02g of CO2 per page view, earning an A+ rating on Website Carbon Calculator. This is cleaner than 95 % of all web pages globally.

Inspiration

• Eva Decker is the biggest one. Her site introduced me to the whole idea of digital gardens and the IndieWeb. The original look and feel of this site was directly shaped by hers.
• Pedro Duarte influenced the styling decisions: color, type, and restraint.
• Maggie Appleton shaped how I think about writing online.

Source

The code is on GitHub. Poke around, take what’s useful.