/ Colophon

How this site is built.

This site is built with Astro 5, deployed on Cloudflare Pages, and scores 100/100/100/100 on Lighthouse (Performance, Accessibility, Best Practices, SEO) at publication on every page, on both mobile and desktop. The build is fully static; only the contact-brief endpoint, the subscribe endpoint, the robots-txt response, and the gated /clients/* auth middleware run as Pages Functions.

Typography

Sans-serif: Geist (weights 300–700). Monospace: Geist Mono (weights 300–600). Both self-hosted as woff2. Real @font-face declarations are injected after first paint via a double requestAnimationFrame tick, with metrics-overridden Arial and Menlo fallbacks in the critical-path CSS so first paint is already laid out as if Geist were loaded. No CLS at swap. No fonts on the LCP critical request chain.

Lattices

The hero on the home page uses a custom aperiodic star-and-rhombus tiling. Inner-page lattices vary by section: a Penrose P3 rhomb tiling for engagements, a Voronoi cellularisation for writing, a Poincaré-disk hyperbolic motif for about, and a Cairo pentagonal tiling for methodology. Each is deterministically generated at build time and ships as inline SVG.

Cloudflare edge transforms

Three Cloudflare transforms required explicit handling to keep Lighthouse scores at 100:

Email Address Obfuscation (Scrape Shield): raw addresses are wrapped in  markers so Cloudflare leaves them unmodified and does not inject the email-decode.min.js shim.
Content-Signals on robots.txt: the robots.txt response is served by a Pages Function with Cache-Control: no-transform, suppressing Cloudflare's appended Content-Signal comment that otherwise fails the "valid robots.txt" audit.
HTTP Basic auth at the edge: the /clients/* namespace is gated by a Pages Function middleware. On auth success it calls next(); on failure it streams a real 401 HTML page back via ASSETS.fetch().

Performance budget

Every page targets LCP < 1.5s on 4G and ships zero client JavaScript except for the theme toggle, the contact and subscribe form submissions, and the filter bar on /writing. All CSS is inlined into <head> via inlineStylesheets: 'always'. Prefetch is disabled.

Accessibility

Targeting WCAG 2.2 AA across all pages on both light and dark themes. Skip-to-content link present, semantic landmarks (header, nav, main, section, footer) used throughout, focus states visible on every interactive element, decorative lattice SVGs marked aria-hidden="true".

Analytics

Cloudflare Web Analytics: privacy-first, no cookies, GDPR-compliant. No Google Analytics, no Meta Pixel, no LinkedIn Insight Tag.

Credits

Written by Plamen, with editorial collaboration from Claude (Anthropic). Source for the lattice generators, the operational architecture, and the methodology pattern are catalogued in the kOS vault and partially open-sourced.

Back home →