Colophon

Fabrication

Site statique construit avec Astro 7.4.2, livré en HTML, CSS et un minimum de JavaScript (démos interactives, filtre de l’index, sommaires et bascule de thème). Le contenu est écrit en Markdown et validé par un schéma avant la génération ; les pages sont rendues au build. Polices et scripts sont servis par le site lui-même : aucune ressource n’est chargée depuis un service tiers.

Méthode

Je conçois et spécifie la quasi-totalité de mes projets, j’en pilote la réalisation par des agents IA, puis je vérifie ce qui en sort. Ce qui est de moi : l’architecture, les décisions techniques, la discipline de tests et la revue.

Typographie

Deux familles libres, sous licence SIL Open Font License (OFL), auto-hébergées : six fichiers WOFF2 réduits au jeu latin, 89,6 Ko au total. Le romain 400 et le gras 700 de Public Sans sont préchargés ; les replis portent des métriques ajustées (Arial, Arial Bold, Courier New) pour limiter les décalages au chargement.

• Public Sans

  L’informatique est ma base, la cybersécurité ma direction.

  Titres, texte courant et interface. 400 et 700, romain et italique : quatre fichiers.

• IBM Plex Mono

  --accent: light-dark(oklch(0.355 0.075 260), oklch(0.76 0.13 256))

  Code, transcriptions de terminal et données. 400, romain et italique : deux fichiers.

Couleur et contraste

Couleurs définies en OKLCH, sur des neutres froids et deux accents fonctionnels : une ardoise pour les titres, les liens et l’état sélectionné, un rouge pour les annotations critiques. Deux thèmes, clair sur fond blanc et sombre « graphite », basculés sans animation. Le registre est celui d’un document : filets de 1 px, rayons de 2 à 3 px, ni ombre ni dégradé. Le contraste vise 4,5:1 pour le texte et 3:1 pour le grand texte (WCAG), dans les deux thèmes. Le nuancier des jetons est dans les détails techniques, en fin de page.

Budget de performance

Chaque construction passe par un contrôle des octets livrés (scripts/guard-dist.mjs), qui échoue au premier plafond dépassé. Les plafonds, la mesure du 30 octobre 2026 et les seuils Lighthouse de l’intégration continue sont dans les détails techniques, en fin de page.

Accessibilité

Objectif WCAG 2.2 AA : contraste vérifié dans les deux thèmes, navigation entière au clavier, focus visible, prefers-reduced-motion respecté, aucune information réservée au survol. Contrôlé par axe-core sur 25 pages, en thème clair et en thème sombre, soit 50 tests (tests/a11y.spec.ts), et par Lighthouse.

Journal

1. 30 octobre 2026Mise en page calquée sur mon rapport de stage : Public Sans, accent ardoise prélevé dans le rapport, fond blanc ou graphite, filets de 1 px, sommaire en colonne.
2. 28 octobre 2026Refonte : texte et figures agrandis, pages sur toute la largeur de l’écran.
3. 27 octobre 2026Première version : structure du site, index des projets, gabarit des fiches et des notes.

Détails techniques