Accueil: etoiles flottantes + animations forcees

- Retire le kill-switch prefers-reduced-motion (* { animation:none }) qui
  coupait toutes les animations : etoiles, flottement du logo, apparitions
  au defilement ne bougeaient pas. Animations desormais toujours actives.
- Nouveau StarField : champ d'etoiles qui scintillent ET derivent
  (keyframe plr-drift via propriete translate, cumulee au scintillement),
  place dans le hero. Contenu du hero passe au-dessus (z-index).
- Carrousel : fondu force (n'est plus desactive sous reduced-motion).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 4.8 committed 2026-06-27 10:46:11 +02:00
1 parent a4f03a21aa
commit c15213c131
4 files changed
+86 -25

No files matched your search

-6
View File
@@ -89,14 +89,8 @@ export function MembersCarousel({ members }: { members: CarouselMember[] }) {
useEffect(() => {
if (!canRotate) return;
// Respecte la préférence de réduction d'animation.
const reduce = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
const tick = setInterval(() => {
if (reduce) {
setStart((s) => (s + VISIBLE) % total);
return;
}
// Disparition une à une, puis changement, puis réapparition une à une.
setVisible(false);
const outMs = FADE_MS + STAGGER_MS * (VISIBLE - 1);