Colophon
Technical details about the design and implementation of this website.
Architecture
This site is built using Astro 6, following a static-first approach to ensure maximum performance and security. The entire site is pre-rendered at build time and served as static HTML.
Content Management
A unique feature of this site is its decoupled content system. All articles, talks, and other resources are managed in a private GitHub repository. During the build process, custom Astro loaders fetch this content via the GitHub API, process the Markdown, and inject it into the site.
Design & Typography
The design system is custom-built using Tailwind CSS 4. It prioritizes readability and a clean, minimal aesthetic.
- Colors: A refined "stone" palette from Tailwind's default colors, with blue accents for links and primary actions.
- Typography: The site uses system fonts (San Francisco on macOS/iOS, Segoe UI on Windows) to minimize load times and ensure a native feel on every platform.
- Icons: Custom SVG icons and a minimal set of Lucide-inspired paths.
Infrastructure
The site is deployed on Cloudflare Pages, benefiting from their global edge network and automated build pipeline.
Core Stack
The web framework for content-driven websites.
A utility-first CSS framework for rapid UI development.
Strongly typed programming language that builds on JavaScript.
Fast all-in-one JavaScript runtime.