Colophon
A colophon is the note at the end of a book describing how it was made. On the web it’s a page where you can be upfront about what’s powering your site.
Built with
fLaMEd fury is built with Eleventy, a flexible static site generator. The foundation is Eleventy Excellent by Lene Saile, which I’ve extended and customised over time. Styling follows the Every Layout methodology, and architecture the CUBE.css methodology. Code blocks use Prism.js for syntax highlighting.
Hosting
The site is built locally and deployed to local VPS via rsync.
Version
The number in the footer is a version stamp: the year and month the current design shipped. 2402 means February 2024.
IndieWeb
Webmentions are received and sent by my own self-hosted endpoint. Feeds are available in Atom, RSS, and JSON formats. Microformats2 (h-card, h-entry) are baked into the templates.
Writing
TLDR; Typora → VS Codium → Eleventy → RSYNC → VPS.
1. Drafting in Typora
Posts start in Typora. It’s distraction-free and gets out of the way. At this stage I’m not worrying about formatting or structure — just getting the idea down. Rough notes, half-finished thoughts, all fine.
2. Shaping in VSCodium
Once the draft feels like something, it moves into VS Codium. This is where I add the frontmatter (title, description, date, category, tags), tidy up the structure, and make sure it reads well. I also drop any images into src/assets/images/, these optimised by eleventy-image during the build.
3. Previewing with Eleventy
Running npm run dev spins up a local Eleventy server. Seeing the post rendered in the actual layout catches things that looked fine in Markdown but don’t work on the page — awkward line breaks, heading hierarchy, image sizing.
4. Deploying with rsync
When it’s ready, I run npm run build to generate the dist/ folder, commit to git, then deploy with a single rsync command to the VPS. No dashboard, no build pipeline, no waiting. The post is live in seconds.
Privacy
No tracking, no ads. Simple visitor stats are collected via Neat Stats, a privacy-preserving analytics tool — the only third-party script on the site.
Changelog
Changes to the site over time are tracked in the changelog.