Ce site · Spec-driven · CI/CD
swaks.org.
Le site que tu lis, et une vitrine de ma façon de travailler : la spec d'abord, des petites étapes testées, la CI avant toute mise en ligne.
Spec d'abord
- Une spec écrite (spec.md dans le dépôt) passe avant le code : structure, langues, design, contraintes et ajout d'un projet.
- Chaque changement est une petite étape avec un objectif clair, vérifiée avant la suivante.
- Claude Code écrit une bonne partie du code ; je fixe la stack et l'architecture, et je relis ce qu'on garde, change ou abandonne.
- Chaque changement passe par GitHub : tout l'historique est public.
CI / CD
- À chaque push, GitHub Actions lance le build et échoue si les pages générées ne sont pas à jour.
- Si tout passe, le site est mis en ligne sur OVH automatiquement : aucun envoi à la main.
- Le build versionne les fichiers CSS et JS pour un cache long, et calcule les empreintes des scripts de la Content-Security-Policy.
Accessibilité
- Contraste du texte d'au moins 4.5:1 dans les deux thèmes, vérifié couleur par couleur.
- Entièrement utilisable au clavier : sections, cartes de projets, palette de commandes (Ctrl+K), focus visible.
- Libellés pour les lecteurs d'écran, vrais boutons et liens, et toutes les animations coupées quand le système demande moins de mouvement.
Sous le capot
- HTML, CSS et JavaScript, sans framework ni rien à installer.
- Bilingue EN / FR avec hreflang : un script Python sans dépendance génère les pages françaises, les pages projets et le sitemap.
- GitHub Actions vérifie que les pages générées sont à jour, puis met en ligne chaque push sur OVH.
- Content-Security-Policy, HSTS, polices hébergées sur le site, et toutes les animations coupées quand le système demande moins de mouvement.