Notes on how this site is built

A quick tour of the moving parts -- Liquid templates, Sass, and a couple of Eleventy plugins.

12 October 2026 · eleventy · css

A second sample post, mostly so the home page and tag pages have more than one entry to paginate/list.

Templating

Every template here is written in Liquid. Layouts live in src/_includes/layouts/, and reusable fragments (the navbar, the footer, a post preview card) live in src/_includes/partials/.

Styling

Rather than hand-writing CSS, src/assets/scss/light.scss and dark.scss each compile a full Bootstrap build on top of a Bootswatch theme (Litera and Darkly respectively). A browser picks whichever one applies based on its prefers-color-scheme setting -- try switching your OS appearance settings and reloading this page.

/* roughly what each theme file does, simplified */
@import "litera-or-darkly-variables";
@import "bootstrap";
@import "litera-or-darkly-rules";