Colophon
How this site is built and why.
A colophon is a statement of publication details - traditionally found at the end of books. This one explains how and why this site is built, serving as both technical documentation and a reflection of my approach to web development.
This site prioritizes speed, accessibility, and simplicity. Built with modern static site generation, it delivers content instantly while maintaining excellent performance scores and supporting all users.
Built for speed
This site is optimized for instant loading and smooth interactions.
What that means
- • Static site generation with minimal JavaScript
- • CDN delivery via Cloudflare’s global network
- • Optimized images (AVIF/WebP, responsive sizes, lazy loading)
- • Dark mode and prefers-reduced-motion support
Structure
- Semantic HTML elements (header, nav, main, footer)
- Proper heading hierarchy (h1 → h2 → h3)
- ARIA labels on interactive elements
Interaction
- Focus styles on buttons and links
- Keyboard-accessible theme toggle
- Skip links and anchor navigation
Privacy-first analytics
No cookies, no personal data collection, GDPR compliant. Uses Cloudflare Web Analytics for aggregate insights.
No cookiesUses system fonts for optimal performance and compatibility. Includes font-feature-settings: ‘tnum’ 1; for tabular numbers in metrics.
AI-friendly resources
Schema types: Article, Person, WebSite
View the complete deployment history and changes on GitHub:
View Deployment History