Ajoute une illustration originale (SVG, pas une photo) d'un joueur en
plein dribble, en aplat noir/blanc avec liseré rouge de la marque, animée
derrière la ligne de statistiques du hero (rebond du ballon, léger
balancement du corps, traits de vitesse). Silhouette générique — aucune
personne réelle identifiable, donc aucune question de droit à l'image.
- Nouveau composant HeroPlayerSilhouette.jsx : figure construite à partir
de segments à traits épais et jointures rondes (même logique que les
pictogrammes sportifs plats type NBA/Jordan), plus fiable à main levée
qu'un tracé bezier continu.
- Positionnement en arrière-plan avec un masque en dégradé qui estompe la
silhouette exactement derrière le texte des statistiques (déjà proche du
seuil de contraste WCAG) et ne la laisse apparaître que dans l'espace
vide à droite — le contraste du texte reste inchangé.
- prefers-reduced-motion : figure et ballon figés, traits de vitesse
masqués (première utilisation de cette media query dans le projet).
aria-hidden + pointer-events:none (purement décoratif).
- Réduite à 960px, masquée sous 640px (pas de place pour coexister avec
la ligne de stats sur petit écran).
- Aucun changement serveur, CSP, Docker ni nouvelle dépendance — CSS/SVG
pur, dans l'esprit de l'animation marquee déjà existante.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fkg15RCxNgUys4ru73He2o
Claude
f5b2e26ee4