Behind the Scenes

Colophon

Every page designed and coded with Claude Code and Cursor. Not generated and abandoned—collaboratively refined. This is what human-AI partnership actually looks like.

Design Decisions
01

Fast Everywhere

Static HTML/CSS, no database, no CMS. Loads instantly on any device, even on slow connections. Speed isn't a feature—it's the foundation.

02

Think on X, Archive Here

My best thinking happens in public on X. This site curates it with context and permanence—readable long after threads disappear into the timeline.

03

Built for Humans and AI

Every page has a clean markdown view that LLMs can parse. If AI is part of your workflow, your tools should work with it.

04

Built with AI

Designed and coded entirely with Claude Code and Cursor. I describe what I want, review the code, refine until it's right. Human judgment, AI execution.

Stack
Generator Eleventy (11ty)
Templating Nunjucks
Styling Custom CSS, CSS Variables
Hosting GitHub Pages
Domain hines.digital
Version Control Git + GitHub
Build Assistant Claude Code and Cursor
Typography
Headlines, Display Fraunces
The quick brown fox jumps over the lazy dog
Body, UI, Navigation Inter
The quick brown fox jumps over the lazy dog
Code, Technical JetBrains Mono
The quick brown fox jumps over the lazy dog
Colors

Dark terminal aesthetic with one unified green (#047101) across all sections—the cartoon's sweater color, the builder energy.

#047101 Cartoon sweater green · Primary accent everywhere
Principles
Speed over polish Static HTML loads instantly. No waiting for JavaScript frameworks to hydrate.
Links over embeds External content is linked, not embedded. The user chooses when to load it.
Write once, read anywhere Content is Markdown. Readable in any editor, version-controlled, portable.
Accessible by default Semantic HTML, proper heading hierarchy, readable contrast, keyboard navigation.
Credits

Designed and built by Ian Patrick Hines in collaboration with Claude (Anthropic's AI) using Claude Code and Cursor.

fd7ee51 2026-01-08