Ken Blizzard-Caron

KEN_BLIZZARD-CARON.md ./WebTUI

This post is a bit meta — I’m going to walk through how I built this site and the thinking behind it. The main thing I wanted to solve was keeping my web resume and a print-friendly PDF in sync without maintaining two separate versions of everything.

One source of truth

All my resume and site content lives in the _data directory. The main file is _data/author.json, where I keep my name, title, skills, work history, education, certifications, and so on. Both the site’s Nunjucks templates and the generated resume markdown pull from this data, so when I update something, I only have to do it in one place. No copy-pasting, no wondering which version is current.

Web and print from the same content

Here’s how the three outputs come together:

  1. Website — The site is a WebTUI terminal interface built by 11ty. The Resume tab renders resume.md inline via a markdownFile filter in the main template — no traditional layouts or partials involved.

  2. Markdown resume — I have a file called resume.txt.njk (with permalink: /resume.md) that uses the same author data to output a single markdown file at /resume.md. That’s what you see linked as “↓ Markdown resume” in the Resume tab.

  3. PDF resume — After the site builds, a script called generate-pdf.js kicks in. It reads the built _site/resume.md, converts it to HTML with markdown-it, and then uses Puppeteer to print that HTML to a PDF (with some print-specific CSS for page breaks and layout). The end result is a PDF that’s always generated from the same markdown, which came from the same author.json. On Netlify, the build command handles all of this — Puppeteer/Headless Chrome runs as part of the deploy, so both the site and the PDF stay up to date automatically.

So the full flow looks like: author data → Nunjucks (site + resume.md) → markdown-it + Puppeteer → PDF. One source of truth, web and print always in sync.

Tech stack (brief overview)

Here’s a quick rundown of what I’m using:

  • 11ty (Eleventy) — Static site generator. Takes Nunjucks templates, Markdown, and JSON data as input and outputs HTML (plus the markdown file used for the PDF).
  • Nunjucks — Templating for all layouts and partials. Data from author.json flows through Nunjucks into every page.
  • WebTUI — CSS framework that gives this interface its terminal aesthetic. Handles theming, components, and the dark colour scheme.
  • Three.js + AsciiEffect — Powers the Cube World Demo. Three.js renders the 3D cube world; the AsciiEffect addon converts each frame into coloured ASCII characters for the terminal look.
  • markdown-it — Used inside generate-pdf.js to convert the resume markdown into HTML before Puppeteer gets involved.
  • Puppeteer — Headless Chrome that renders the HTML and generates the final PDF. Netlify installs Chrome at build time and runs the script as part of npm run build.
  • Netlify — Hosting and CI. Every deploy runs the 11ty build followed by the PDF script, so everything stays current.

Scratch Pad

The Scratch pad is a catch-all for things that don’t belong on a resume. It’s where I put hobby projects, experiments, and personal logs — anything I want a persistent home for but that isn’t professional work. That includes things like interactive canvas demos, coffee roast logs from my Aillio Bullet, and whatever else I’m tinkering with at a given moment.