En bref
La refonte de mon tout premier site, Lanatation.fr, avec un plongeon animé au scroll et des outils pour nageurs.
Auteur
Codé avec l'IA. L'idée, les choix de contenu et les retours sont de moi.
Le problème
Mon premier site, Lanatation.fr, était en Comic Sans avec des balises cassées. Je voulais refaire le même sujet pour mesurer le chemin parcouru, en gardant l'ancien site intact.
Mon rôle
J'ai choisi le nom, l'identité et ce qui entrait dans le site. Sur 16 idées proposées, j'en ai refusé 11. L'IA a écrit le code.
Décisions
- Du HTML, CSS et JS sans outil de construction, pour un envoi simple par FTP.
- Un nageur articulé. La silhouette a été refaite plusieurs fois. La version finale est un squelette à os de longueur fixe, parce que les dessins figés se déformaient entre deux poses.
- Ne pas inventer de barèmes. Les points World Aquatics viennent des PDF officiels. Écartés : des seuils régionaux ou nationaux, qui dépendent de l'âge et que je ne pouvais pas vérifier.
Un vrai bug
Sur mon PC, où les animations Windows sont coupées, les nageurs du comparateur sautaient directement à l'arrivée. L'animation ne dépend plus de ce réglage.
Résultat
Un accueil animé et 4 pages : nages, comparateur de temps, allure et disciplines olympiques.
Limites
Le plongeon est imposé même si le visiteur demande moins d'animations : c'est un choix assumé, et un défaut d'accessibilité. Les records se mettent à jour à la main.
Crédits
Polices libres hébergées sur le serveur. Records et barèmes d'après World Aquatics.