Colophon
How this site is built.
Stack
| Framework | Nuxt 4 (Vue 3) |
| Content | Nuxt Content v3 (SQLite) |
| Styling | Tailwind CSS + custom design tokens |
| Icons | Nuxt Icon (Heroicons, Simple Icons, MDI) |
| Search | Fuse.js (client-side fuzzy search) |
| Theme | @nuxtjs/color-mode (light, dark, system) |
Design
- >Palette -- Ormus palette: obsidian, navy, gold, copper, parchment. CSS custom properties for seamless dark/light switching.
- >Typography -- Inter for body, JetBrains Mono for code. @tailwindcss/typography for prose rendering.
- >Planet icons -- Custom pixel art planets. Each journal entry assigned a permanent planet from the hermetic system.
- >Terminal aesthetic --
$ catprompts, monospace metadata, boot sequence on homepage.
Architecture: Two Planes
This site does not exist in isolation. It is one half of a deliberate two-plane system.
- Management Plane —
~/dev/repo-portfolio: The operational source of truth. Tracks all 98+ public repositories, enforces the Ormus GitHub Standard across the Libre family, maintains family taxonomy, and produces slim, versioned snapshots. - Narrative Plane — This site: The public, citable, visual record. Hosts the mascot system used by every qualifying repo, the Distillations journal, the knowledge graph, and the human story of the work.
The two planes are kept in sync through the lightweight portfolio API. One owns reality. The other makes it legible.
Content Pipeline
- >Journal entries and guide chapters written in Markdown with frontmatter.
- >Content maturity tracked with stage badges: seedling, growing, evergreen.
- >Tags for discoverability. Related posts linked manually or scored by shared tags.
- >RSS feed at /feed.xml.
Built With
This site was built with Claude Code as a development partner. Every line was reviewed and understood. The AI accelerates; the human decides.