Colophon
How this site is made
Every detail is intentional. This site is an expression of the values I bring to my work.
Typography
Fraunces for headings — a variable, wonky serif with character. General Sans for body text. JetBrains Mono for code.
Built With
- SSG
- Eleventy with Nunjucks
- Styling
- SCSS + CSS custom properties +
light-dark() - Build
- Webpack
- Hosting
- GitHub Pages via GitHub Actions
- Source
- Open on GitHub
Design Principles
No scroll-jacking. No hidden content. No layout shifts. Performance is a feature. Every page uses semantic HTML landmarks and a logical heading hierarchy.
Accessibility
This site targets WCAG 2.2 Level AA. Features include: skip nav, landmark roles, visible focus indicators (3px ring), color contrast exceeding 4.5:1, prefers-reduced-motion support, and forced-colors mode support.
Theme toggle uses native radio inputs in a fieldset — full keyboard support with no ARIA needed.