2025Advocacy & Web
Succès Masra — Incarceration Counter
A French-language web interface displaying the number of days Chadian political leader Succès Masra has been imprisoned since May 17, 2025. Features an animated odometer-style day counter, secondary statistics (weeks, months, years), a Chadian flag progress bar, and a premium dark-mode design.
Le Défi
- Calculating the exact incarceration day count dynamically from a fixed start date
- Implementing a smooth odometer animation purely in CSS and Vanilla JS without dependencies
- Creating an auto-updating counter that refreshes at midnight without a page reload
La Solution
- Anchored the day count to May 17, 2025 using the verified public reference point: Day 200 = December 2, 2025.
- Built a CSS keyframe odometer animation timed with JavaScript to simulate digit rolling.
- Used setTimeout to schedule an automatic page state refresh at the next midnight boundary.
Fonctionnalités Clés
- Live animated day counter (odometer-style) since May 17, 2025
- Secondary stats: weeks, months, and years elapsed
- Chadian flag-colored annual progress bar
- Automatic midnight refresh (no page reload needed)
- Floating particle background animation
- 100% French language, fully responsive
Processus
Phase 01
Designed a dark glassmorphism layout with Chadian flag gradient accents
Phase 02
Implemented floating particle background via CSS animation
Phase 03
Built the primary day counter with animated digit transitions
Phase 04
Added secondary stats (weeks, months, years) and annual progress bar
Phase 05
Deployed as a zero-dependency static site on Vercel