INTER//LUDE est un site personnel terminal-OS cyberpunk — statique, bilingue (EN/FR), sans trackers, polices auto-hébergées. La stack est volontairement sobre pour laisser l’esthétique parler.
La stack
Site statique Astro habillé avec cybercore-css, sur une couche de contenu bilingue.
| Couche | Choix | Raison |
|---|---|---|
| Framework | Astro (statique) | Aucun JS runtime par défaut ; HTML/CSS pur |
| Design sys. | cybercore-css | Cascade layers, HUG CSS, aucun build, thème cyber |
| Interactions | Web Components natifs | Pas de framework — 3 lignes par comportement |
| Contenu | Markdown + collections Astro | Paires bilingues jointes par translationKey |
| Déploiement | rsync statique vers un serveur web | Pas de runtime serverless ; simple et bon marché |
Dépendances notables\u202f:
@fontsource/rajdhani— police d’affichage (auto-hébergée).@fontsource/exo-2— police du corps de texte.@fontsource/jetbrains-mono— monospace, utilisée partout côté terminal.@axe-core/playwright— vérification WCAG 2.2 AA en CI.
L’ambiance
Un front terminal-OS taillé pour les notes longues et les journaux de projets. Trois ambiances partagent la même palette\u202f:
- Neutre — pages de lecture (blog, projets) à 72\u00A0rem avec une TOC en deux colonnes.
- Terminal — le
readme.txtde l’accueil et le bloc situation de/nowsont des fenêtres terminal vert-sur-noir avec des boutons feu-tricolore fonctionnels. - Coupure — les pages 404 et no-translation ajoutent des scanlines et un scintillement lent.
Les terminaux sont larges, mais le texte s’enroule à \u2248 80\u202fch — la convention COLUMNS classique, et à peu près là où la WCAG 1.4.8 recommande de plafonner la longueur des lignes.
Structure
src/pages/[locale]/— chaque route est préfixéeen/oufr/\u202f; la racine redirige.src/content/— un dossier par locale sous chaque collection.src/components/elements/— éléments personnalisés (tag-filter,now-filter,mailto-composer,terminal-window,nav-toggle,type-writer,system-clock,fx-toggle).
La suite
- Remplacer le contenu d’exemple par de vraies notes.
- Pousser origin sur Forgejo.
- Publier un flux RSS signé et une variante Atom.
