INTER//LUDE is a cyberpunk terminal-OS personal site — static, bilingual (EN/FR), no trackers, self-hosted fonts. The stack is deliberately boring so the aesthetic can be loud.
The stack
Astro static site with cybercore-css styling and a bilingual content layer.
| Layer | Choice | Why |
|---|---|---|
| Framework | Astro (static) | Zero-runtime JS by default; ships pure HTML/CSS |
| Design sys | cybercore-css | Cascade layers, HUG CSS, no build step, cyber theme |
| Interact. | Native Web Components | No framework — 3-line custom elements per behavior |
| Content | Markdown + Astro content collections | Bilingual pairs joined by translationKey |
| Deploy | Static rsync to a plain web server | No serverless runtime; predictable and cheap |
Notable dependencies:
@fontsource/rajdhani— display font (self-hosted).@fontsource/exo-2— body font.@fontsource/jetbrains-mono— monospace, used everywhere terminal.@axe-core/playwright— WCAG 2.2 AA gate in CI.
The vibe
A terminal-OS front-end tuned for long-form notes and project logs. Three moods share the same palette:
- Neutral — reader pages (blog, projects) run at 72rem with a two-column TOC layout.
- Terminal — the home
readme.txtand the/nowsituation block render as green-on-dark terminal windows with working traffic-light buttons. - Breakdown — 404 and no-translation pages ramp up scanlines and a slow flicker.
Terminals are wide, but text wraps at ~80ch — the classical COLUMNS convention, and about where WCAG 1.4.8 recommends line-length caps for readability.
Structure
src/pages/[locale]/— every route is prefixeden/orfr/; the root just redirects.src/content/— one folder per locale under each collection.src/components/elements/— custom elements (tag-filter,now-filter,mailto-composer,terminal-window,nav-toggle,type-writer,system-clock,fx-toggle).
What’s next
- Fill the sample content with real notes.
- Push origin to Forgejo.
- Ship a signed RSS feed and an Atom variant.
