Succès Masra — Incarceration Counter
01. Overview
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.
The Objective
To create a dignified, informative public platform raising awareness about Succès Masra's imprisonment through elegant design and live day tracking.
The Outcome
A fully responsive static web app with animated day counter, automatic midnight updates, floating particle animations, Chadian flag color accents, and a Martin Luther King Jr. quote in support of justice.
02. Stack Architecture
03. Key Features
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
04. Engineering Pipeline
Designed a dark glassmorphism layout with Chadian flag gradient accents
Implemented floating particle background via CSS animation
Built the primary day counter with animated digit transitions
Added secondary stats (weeks, months, years) and annual progress bar
Deployed as a zero-dependency static site on Vercel
05. Challenges & Execution
The Constraint
Calculating the exact incarceration day count dynamically from a fixed start date
The Execution
Anchored the day count to May 17, 2025 using the verified public reference point: Day 200 = December 2, 2025.
The Constraint
Implementing a smooth odometer animation purely in CSS and Vanilla JS without dependencies
The Execution
Built a CSS keyframe odometer animation timed with JavaScript to simulate digit rolling.
The Constraint
Creating an auto-updating counter that refreshes at midnight without a page reload
The Execution
Used setTimeout to schedule an automatic page state refresh at the next midnight boundary.