World Clock

I wanted to get comfortable with dates and time zones in JavaScript, and to draw a working analog clock in SVG.

1. One clock loop: a single interval updates every clock from the same moment. The first version started a new interval on every shuffle and never cleared them.
2. A Shift Time slider that moves every clock and marker together.
3. A Fisher–Yates shuffle, so a city can’t appear twice.
4. My own abbreviation map, so time zones are spelled out.
5. Screen reader states: tiles use aria-pressed for the selected city, and the slider reads “+3h” instead of “180”.

1. Nov 2023: added the app manifest and icons.
2. Oct 2026: redesigned around pinned cities, a Shift Time slider and day/night strips.