2025Plaidoyer & Web
Compteur d'Incarcération - Succès Masra
Interface web en français affichant le nombre de jours d'incarcération de Succès Masra depuis le 17 mai 2025, avec compteur animé et statistiques secondaires.
Le Défi
- Calculer avec exactitude le nombre de jours d'incarcération à partir d'une date fixe
- Implémenter une animation odomètre fluide uniquement avec CSS et JavaScript natif
- Créer une mise à jour automatique à minuit sans rechargement de page
La Solution
- Ancrage du calcul au 17 mai 2025 avec le point de référence public vérifié: Jour 200 = 2 décembre 2025.
- Création d'une animation odomètre via keyframes CSS synchronisées par JavaScript.
- Utilisation de setTimeout pour déclencher un rafraîchissement d'état à la prochaine frontière minuit.
Fonctionnalités Clés
- Compteur de jours animé (style odomètre) depuis le 17 mai 2025
- Statistiques secondaires: semaines, mois et années écoulés
- Barre annuelle aux couleurs du drapeau tchadien
- Rafraîchissement automatique à minuit (sans rechargement manuel)
- Animation de fond par particules flottantes
- Interface 100% française et totalement responsive
Processus
Phase 01
Conception d'un layout sombre en glassmorphism avec accents du drapeau tchadien
Phase 02
Implémentation d'un fond animé de particules flottantes en CSS
Phase 03
Développement du compteur principal avec transitions animées des chiffres
Phase 04
Ajout des statistiques secondaires (semaines, mois, années) et d'une barre de progression annuelle
Phase 05
Déploiement en site statique sans dépendance sur Vercel