Colophon

Comment ce site est construit.

Ce site est une démonstration autant qu'une carte de visite : chaque choix technique est documenté ici, y compris ce qui relève du parti pris.

HTML statique 0 framework client 0 cookie, 0 traqueur Polices self-hosted

La stack

  • Astro 7, en sortie 100 % statique : chaque page est un fichier HTML servi tel quel, aucun rendu serveur, aucune base de données.
  • Cloudflare Workers (static assets) pour l'hébergement : le site part du CDN, au plus près de vous.
  • Trois polices self-hosted : Bricolage Grotesque pour les titres, Instrument Sans pour le texte, JetBrains Mono pour les étiquettes. Aucune requête vers un service de polices tiers.
  • Canvas 2D vanilla pour le fond génératif : environ 120 lignes commentées, zéro bibliothèque.
  • CSS scroll-driven animations pour les révélations au défilement : zéro JavaScript.
  • View transitions cross-document natives pour les enchaînements de pages, en une règle CSS.

La méthode

Le site est conçu et développé en binôme avec une IA (Claude Code), sur une base de doctrine écrite : conventions, pièges connus, garde-fous. L'IA propose et exécute, la doctrine encadre, et un script de vérification bloque tout déploiement si une page est tronquée, si un lien interne est cassé, ou si une chaîne interdite s'est glissée dans le HTML produit. Le déploiement passe par ce garde-fou, sans exception.

Les partis pris

  • Le spectaculaire ne se paie pas en lenteur. Le fond génératif se coupe hors viewport et onglet caché, les animations n'utilisent que opacity et transform, et tout dégrade proprement sans JavaScript ou en prefers-reduced-motion.
  • Zéro cookie, zéro traqueur, zéro bannière. Aucune mesure d'audience embarquée : votre visite ne regarde que vous.
  • Chaque fait est sourcé, en particulier sur la page des homonymes : aucun chiffre inventé, aucune approximation flatteuse.

Vérifiable par vous

Ouvrez les outils de développement : pas de bundle de framework, pas de requête tierce, pas de cookie posé. Lancez un audit Lighthouse : l'objectif assumé est le score maximal partout, malgré le canvas. Si vous trouvez mieux à redire, le lien LinkedIn est en pied de page, et les critiques argumentées sont un cadeau.