Logo
$ cat ~/colophon

Colophon.

How this site is built — the stack, the design system, and the ideas behind it.

$stack
  • Next.js 16 App RouterSSG for content, RSC for shell
  • TypeScript strictzero `any` in src/
  • Tailwind CSS v4CSS-variable design tokens
  • Framer Motionscroll reveals, reduced-motion honored
$design
  • D1 aestheticengineering-grade dark theme, terminal motifs
  • Monospace-first typographyJetBrains Mono / Geist Mono
  • Color tokensCSS variables: --primary, --accent, --muted
  • Three.js / R3Fhero scene, GPU-light CSS fallback
$infra
  • Verceldeploy + edge network
  • GitHub ActionsCI build check on every push
  • next/imageAVIF/WebP auto-optimization
$meta
  • Content datasingle source in _resume.ts — no inline copy in components
  • Terminal motifinteractive zsh session on home, 404 as shell session
  • This pagethe site documents itself — very D1

built with ♥ — this page is the site documenting itself.

NaraAI

Zidan's digital assistant, ask me anything.

Hi! I'm NaraAI, Zidan's personal assistant. What would you like to know about him?

Deployed
⚡ AVIF/WebP