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.

Prose is written in Markdown.

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 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

Posts are written with iA Writer, in Markdown.

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

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.

Privacy

This site does not collect or retain any data at all, ever.