Colophon

This website was handcrafted with love, and also with a lot of useful tools and resources which are listed below. (What's a colophon? TLDR: info about how I made this site.)

The Basics

I use a custom fork of makesite.py as a static site generator, and I host the static files on Github. My starting point for creating my HTML & CSS layouts was Sadgrl's Layout Builder. (I highly recommend that layout builder if you, like me, enjoy styling things with CSS but cannot build a decent flex box layout to save your life.)

Privacy

This website does not gather any analytics or other information about its visitors. If you select a theme from the bar at the top, it will save that preference in your browser's local storage, as described below.

AI

I don't use any AI tools to build this site. My posts and code are hand-written.

Themes

You can toggle between multiple different CSS themes in the bar at the top of the page. There's a bit of javascript which saves your theme selection in your localStorage, so you should consistently see the same theme you've picked. If you haven't selected a theme but you have your browser set to prefer dark mode, it'll default to the dark theme. Otherwise, light mode is the default. I set up this functionality using this tutorial on creating a dark mode toggle and this tutorial on setting theme based on user dark mode preferences.

I doubt I will be able to resist adding more themes now that I've got the basic functionality in place, so watch this space... by which I mean, the bar at the top of this page. 😊

Typography

The font I'm using is Vollkorn, "the free and healthy typeface for bread and butter use."

Images

I use TinyPNG to reduce the file size of my images.

Feeds

I generate both an RSS and an Atom feed of my posts. I used the W3C Feed Validation Service to make sure the generated feeds have valid syntax. To style the feeds so that they're more human-readable, I used this tutorial on styling RSS feeds and this tutorial on styling Atom feeds.