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.

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.