Colophon
Engineering, typography, and design choices behind this site.
This website is a personal canvas and digital curriculum vitae engineered with an emphasis on performance, longevity, privacy, and minimalist design craft.
Philosophy
- Zero Bloat: No frontend frameworks, no CSS component libraries, and no client-side bundlers.
- Privacy First: Zero trackers, zero cookies, and zero third-party telemetry scripts.
- Fast by Default: Pre-rendered static pages served directly from global edge caches with sub-25ms build times.
Technology & Architecture
- Static Generator: Built with Hugo. Site builds execute locally and in CI in ~15–25 milliseconds.
- Frontend Stack: Semantic HTML5, modern CSS3 custom properties (CSS variables), and vanilla JavaScript.
- Color System: Inspired by the retro-groove Gruvbox palette, supporting system-preference detection and manual light/dark switching backed by
localStorage. - Typography: Set in a monospaced typeface hierarchy utilizing
ui-monospace,SF Mono,Fira Code,JetBrains Mono, and locally hosted Cutive Mono (.woff2). - Offline & PWA Engine: A lightweight, zero-dependency Service Worker (
sw.js) pre-caches core static assets and employs a Stale-While-Revalidate caching strategy for instant sub-millisecond page transitions and full offline readability. - Terminal PlainText: Raw plain-text curriculum vitae rendered automatically at
/cv.txtvia custom Hugo output templates for frictionless CLI consumption viacurl.
Hosting & Delivery
- Edge Network: Hosted on Cloudflare Pages with automated Git-driven deployments.
- Security & Headers: Configured with strict HTTP response headers (
X-Content-Type-Options: nosniff,X-Frame-Options: DENY,Referrer-Policy: strict-origin-when-cross-origin, andPermissions-Policy). - Caching: Fingerprinted static assets (styles, fonts) are delivered with long-term immutable cache directives (
Cache-Control: public, max-age=31536000, immutable).
Benchmarks & Network Payload
| Measurement | Value | Notes |
|---|---|---|
| Total Transfer Payload | ~29 KB (compressed) | Full initial page bundle including HTML, CSS, and font |
| Network Requests | 2 requests | 1 self-contained HTML document (with inlined CSS) + 1 local WOFF2 font |
| Client Bundler Overhead | 0 KB | Zero React, Vue, Webpack, or npm dependencies |
| Third-Party Telemetry | 0 scripts / 0 cookies | Pure privacy; zero tracking pixels or external calls |
| Static Build Duration | ~15–25 ms | Full site compilation via Hugo |
| Repeat Visit Latency | ~0 ms | Pre-cached locally via Stale-While-Revalidate Service Worker |
Print & Export Engine
The interactive CV incorporates an adaptive print stylesheet (@media print) targeting standard US Letter paper. Checkboxes, interactive controls, and website chrome are automatically pruned to generate clean, high-contrast, ATS-compatible executive PDF resumes directly from the browser’s native print engine.