How this site was made.

Hosting

This site is hosted on DigitalOcean. Images are hosted on Amazon S3.

The domain is currently registered with Cloudflare. Previously, it was registered with Google Domains until the service was killed by Google and sold to Squarespace.

Technology

This site is a web application powered by Django. You may view the source code if you wish to learn more, tinker, or use it as a starting point for your own project.

Content management is built using Wagtail CMS, which is a framework built on top of Django.

Styling is handled by a combination of vanilla CSS and Tailwind CSS. I use Tailwind for creating utility classes based on the site’s design tokens.

Colors are from the Radix UI project. They will be displayed in the P3 color space if your setup allows.

Photos

The photo gallery is powered by a JavaScript library called lightGallery. EXIF metadata is handled by the Django backend automatically on upload.

Music collection

The music collection page’s design (and its very existence) was inspired by Andy Bell’s website. He is the co-creator of Every Layout, a book that taught me a lot about CSS and web design principles.

Typography

This site uses three fonts:

1. Headings, captions, and various UI elements are set in Inter.
2. Body text is set in Charter.
3. Monospace font (code blocks, metadata, ...) is set in MonoLisa.

Fluid type scale

This site was designed using a fluid type scale by Utopia. Font sizes are calculated in CSS, interpolating between mobile and desktop sizes depending on the current browser width.

Authoring

I generally start writing my posts in iA Writer, using Markdown.

iA Writer automatically handles smart quotes, ellipses and other typographic concerns. It also helps me focus when writing.

All the content on this website is managed using Wagtail CMS. I use StreamField with a few custom blocks that I've defined in Python + HTML. This gives me a very flexible editor setup akin to the WordPress block editor.

Accessibility

This site aims to conform to the Level AA accessibility standards outlined in the WCAG 2.2 specification. Aims is the key word here, I’m still reading through the specs and making small tweaks every day.

Energy and performance

This site is designed with efficiency and speed considerations in mind. I try to cache as many expensive operations as possible, compress images, and avoid unnecessary bloat.

As of May 17, 2025, the Website Carbon Calculator reports that my home page is cleaner than 89% of all web pages tested globally, producing 0.12g of CO₂ per page view.

Privacy

This site uses Sentry for performance monitoring and error tracking. When an error occurs, some diagnostic information is logged to Sentry; which includes request IP address and some non-identifying information such as request parameters and headers.

This site uses Fathom for collecting simple analytics. You can view my Fathom dashboard — I see nothing more than presented publicly.