Colophon
This site is built with modern web standards and technologies. It's designed to be fast, accessible, and respectful of your time and bandwidth.
Technology Stack
- Astro v5.15 - Zero-JavaScript by default with Islands architecture for selective hydration
- TypeScript - Type-safe components, content schemas (via Zod), and terminal implementation
- Tailwind CSS v4.1 - Utility-first styling with Rust-powered engine and CSS-first approach
- MDX - Markdown with JSX components for interactive content when needed
- Content Collections - Type-validated frontmatter with Zod schemas (bundled with Astro)
- GitHub Pages - Static hosting with automated CI/CD via GitHub Actions
Interactive Terminal
Custom-built terminal emulator written in TypeScript with dual functionality:
- Shell Commands - Navigate the site using Unix-style commands (ls, cd, cat, tree, pwd, exit)
- Swanson AI - Natural language questions answered via pattern matching and keyword extraction
- Content Search - Full-text search across all content collections (~30KB gzipped index)
- Build-Time Indexing - Content automatically indexed via Astro Content Collections API
- Zero External APIs - Entirely local, no tracking, no runtime dependencies
Lazy-loaded on demand (zero impact on initial page load). Virtual file system generated at build time from markdown content. ~10KB TypeScript client code (minified).
Modern Web Standards
Built following 2025 best practices:
- ✓ Semantic HTML5 with proper use of header, main, article, section, footer
- ✓ Core Web Vitals optimised (LCP < 2.5s, CLS < 0.1, FID < 100ms)
- ✓ Progressive enhancement - works without JavaScript, enhances with it
- ✓ WCAG 2.1 AA accessibility compliant with keyboard navigation
- ✓ View Transitions API for smooth SPA-like navigation
- ✓ Intersection Observer for performant scroll animations
- ✓ Variable fonts (Space Grotesk & Figtree) for optimal performance
- ✓ Dark mode with prefers-color-scheme and manual override
- ✓ Prefetching links on hover for instant navigation
- ✓ Zero tracking, no cookies, no analytics
Performance
Minimal JavaScript (< 5KB), static site generation, optimised images, and font preconnection. The entire site is delivered over HTTP/2 with automatic SSL via GitHub Pages.
Typography
Space Grotesk for headings - geometric, modern, personality.
Figtree for body text - highly readable, designed for screens.
Source Code
This site is open source. View the code on GitHub.