Front-end Developer. Digital hermit. Ersatz cartoonist. All-around average dad.

Colophon

This site is built with Eleventy and deployed to Netlify via Github, and includes things like microformats and webmentions, along with some more exciting integrations outlined below. It's mostly HTML or Markdown with some Liquid template notation, along with CSS. Coding is done by hand using Nova by Panic.

Fonts

Years ago, I purchased PiekosToons BB from Blambot! for an earlier iteration of my personal site, and hadn't used it for a long time. I've decided to bring it back for top-level headings because it fits well with my hand written SVG DenMcH logo and the ink line I drew and converted to SVG to use in place of HR elements. For the rest of the fonts, I rely on Modern Font Stacks, and specifically define them as root variables as follows:

  --Old-Style: "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052,
    serif;
  --Humanist: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans",
    source-sans-pro, sans-serif;
    --Monospace-Code: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
    Consolas, "DejaVu Sans Mono", monospace;

Integrations

I set up a simple Last.fm integration that periodically lists my top ten artists according to number of tracks scrobbled over the past week. This is found on my now page after my recent reading habits, extracted from my micropub "reads" (see Reading).

Speaking of which, I owe a lot to Benji for three other IndieWeb integrations: serverless IndieAuth, serverless micropub, and a personal micropub client via sparkles. I'm using Sparkles mainly to add "reads" to my micropub endpoint. I may try to work out a way to use the photo type for drawings.