Accueil: logo centre, "A l'honneur" en carrousel auto

- Hero : logo centre verticalement (alignItems center)
- Titre "A l'honneur ce mois-ci" -> "A l'honneur"
- Remplace les 3 fiches "mise en avant" par un carrousel auto-defilant
  de tous les adherents actifs, en rotation equitable (l'ordre pivote
  d'un cran par heure). Pause au survol, respecte prefers-reduced-motion.
- Retire la coche "Mettre a l'honneur" du back-office (edition adherent)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 4.8 committed 2026-06-27 10:31:55 +02:00
1 parent eb6536ce8a
commit 64ab10dea1
6 files changed
+161 -68

No files matched your search

+35
View File
@@ -351,3 +351,38 @@ button {
color: var(--muted);
margin-bottom: 6px;
}
/* ---- Carrousel d'adhérents (défilement automatique) ---- */
@keyframes pleinr-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.pleinr-marquee {
overflow: hidden;
position: relative;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.pleinr-marquee-track {
display: flex;
gap: 18px;
width: max-content;
animation-name: pleinr-marquee;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.pleinr-marquee:hover .pleinr-marquee-track {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
.pleinr-marquee-track {
animation: none;
}
.pleinr-marquee {
overflow-x: auto;
}
}