Colophon

What brings this website to life.

Technology Stack

This website is built with Astro because initially, the content was directly in this project, and Astro provides straightforward support for embedding Markdown as pages. It uses TypeScript and Tailwind CSS.

The code for the website is hosted on GitLab publicly.

Currently, the site is deployed through Vercel, which simplifies managing preview and production deployments. In the future, I’d like to reduce reliance on third-party vendors; for now, Vercel serves the purpose well.

(Most) content and media for the website are stored in a separate repository on GitLab. This separation keeps the commit history of the website’s code clean, avoiding clutter from content-related commits. Text content is stored in Markdown files, with front matter used to handle metadata (SEO, tags, dates, etc.).

Content is fetched from the separate repository on build and parsed using Marked with a custom renderer to parse the files.

Every push to the content repository triggers a deployment for the website.

Design Philosophy

The website’s design evolved organically, with an emphasis on minimalism and accessibility. I aimed to create a distraction-free reading experience.

I chose the monospaced font "Courier Prime", which complements the website’s design well.