Loading…
Live page · scroll inside
Premiummaintenance · light · html · css · vanilla js
Scheduled Downtime Across Time Zones
An advance notice for planned downtime that shows the window where each team actually lives: one 24-hour band per city, working hours shaded, the four-hour window drawn on each band with its local start and end, and a flag on any city where it lands in office hours. Your own time zone comes first, more cities can be added, and the window downloads as a calendar file in UTC.
What's inside
- 01Planned maintenancenone
- 02Time-zone bandsnone
- 03What's affectednone
How to use it
From prompt to a live page.
- 01Try the page
The preview is the shipped page: one job, one mechanic, every state wired. Scroll, type, click.
- 02Pick a palette
Token sets re-tint the page live. The prompt carries the one you chose.
- 03Pick your stack
Single HTML, or the route your framework keeps for this job: not-found page, auth route, pricing route.
- 04Copy the prompt
It quotes the page block by block with the tokens, the motion script and the rules.
- 05Wire it up
Swap the placeholder copy, point the form or the countdown at your backend, keep the structure.
