SRW
Chaotic Creative Hacker.
Chaotic Creative Hacker.
The website equivalent of the note at the back of a book: how srw.au is
made, set and kept running.
Designed, written and maintained by me using hand-written HTML, CSS and plain JavaScript. The main pages use no front-end framework or third-party JavaScript libraries. The source is on GitHub but in a private repo because it’s all written by hand and is IMHO not an example of good website design that others should see, you can of course view the source and deduce a lot from it.
Departure Mono by Tobias Fried sets the body
copy, Eurostile Bold Extended based on the original by Aldo Novarese (made
famous by Blade Runner, 2001, Elite Dangerous, Doctor Who, Aliens, Starship
Troopers and so many more shows and games I love) is used for headings, and
Amiga Topaz gives the workbench bar an appropriately retro accent. Pixter
Display by Matt Grey joins Level Up by Oleg Stepanov in the generated social
preview. The fonts are served locally.
Icons come from HackerNoon’s Pixel Icon Library, used under CC BY 4.0.
The site is built into static HTML from Djot content and Go templates by Gozer, a tiny static site generator. I use my own fork, which adds support for templating inside content files.
Cloudflare Pages serves the static site. Pages Functions provide the dynamic parts. Workers KV stores guestbook, welcome-message and recent-visitor data and caches the music and Steam activity shown in the footer.
Cloudflare Workers AI supplies the LLM behind Marvin, currently
gemma-4-26b-a4b-it,
using Cloudflare’s daily free allocation.
The Makefile documents and automates the build. It generates the favicon and
social preview with ImageMagick, prepares the Pages
output and wraps the local preview and deployment commands.
Wrangler runs the local Pages environment and publishes the built site. Its configuration also records the Pages project settings and Workers KV binding.
Version control and off-site source hosting. Easy undo when I make a mistake, easy branches for trying new ideas. It could automate deployment, but for some reason I still prefer to deploy manually.
Editor of champions.