Web Design
Rebuilding This Notebook
Part 1 of the thread Building this notebook
- What it is
- Personal website
- My role
- Design and build
- Year
- 2026
- Built with
- Eleventy
- Nunjucks
- Markdown
- Sveltia CMS
- GitHub
- DigitalOcean
- Third try at this site, and the first one I'm actually happy with: early-'90s Apple warmth, minus the retro-desktop costume.
- All 101 old posts came over with their original dates and wording, and old links redirect to their new homes.
- It's plain HTML from Eleventy, written in Sveltia CMS, published by DigitalOcean on every push.
- Next up is revising the old technical posts, one at a time.
This site has had a few lives. It started on WordPress. Then it moved to a static Eleventy build that never quite got finished. This is the third try, and the first one I'm actually happy with.
The idea
I wanted it to feel like the early-'90s Apple stuff I grew up around: beige and warm, a little playful, clearly made by a person. Not a replica of an old operating system, though.
My first mockup went full retro desktop, with fake menu bars, close boxes, and a little beige computer, and it was fun for about five minutes. Then it started to feel like a costume.
The version you're reading keeps the feeling and drops the costume:
- A pixel font for labels
- A warm serif for reading
- Cards with hard shadows
- A palette of wheat, deep slate, and blackberry
There's a dark mode too, for those late-night reading sessions.
Bringing the old posts home
The part I cared about most was not losing anything. There are 101 posts from the old versions, mostly PowerShell and endpoint management, plus a surprising number of breakfast recipes. Every one came over with its original date and wording.
Note
Old posts carry a small note saying they haven't been revised yet. As I update each one, the note comes off. It's an honest way to show a site that's still being cleaned up, instead of pretending all 101 posts are fresh.
Old links still work, too. Anything that used to live at an old address quietly redirects to its new home.
How it's built
- Eleventy turns Markdown files into plain HTML. No database, and nothing running on a server.
- Sveltia CMS gives me a writing interface in the browser that saves straight to GitHub.
- DigitalOcean rebuilds and publishes the site every time something changes. Push, wait a few minutes, done.
- Self-hosted fonts, because I learned the hard way that fonts installed on your computer aren't the same as fonts on the site.
What's next
Updating the old technical posts, one at a time. Some of those scripts lean on tools Microsoft has since retired, so each gets rewritten, tested, and given a proper write-up. Two are done.
There's also a Writing section waiting for chapters and songs, and a Uses page waiting for me to finally photograph my desk.
If you've read this far, thanks for stopping by. There's no algorithm here, just things worth writing down.
- The '90s Computer-Ad Look, Without Faking an Operating SystemWeb Design
- The Flexbox Bug That Won't Let Your Panel Scroll: min-height: 0Engineering
- The Four-Letter Bookmarks BarUses / My Setup
- Picking a CMS for a Static Blog in 2026Resources & Recommendations
- Your Fonts Only Look Right on Your ComputerWeb Design
- Security Headers on a Static Site When Your Host Won't Set ThemEngineering