Seattle, Denver, San José, New York, Toronto, London, Cape Town, Bangalore, Melbourne. Drag the orange line to find your overlap window across the team — and tap "team" on any row to see who's there.
Each city's time updates instantly. Click anywhere on a strip to jump there.
Snaps the anchor back to the current moment and resumes the live tick.
That's the city's working window. Overlapping bands across rows are your meeting hours.
Timezones are resolved entirely in the browser via the native Intl.DateTimeFormat API — no geolocation prompt, no external time service. Your own timezone is read from resolvedOptions().timeZone, which just reflects your operating-system clock.
Each city's day-night gradient is sampled every 30 minutes across the visible 24-hour window and rendered as a single CSS linear-gradient. The orange anchor line is a UTC moment expressed as a percentage across the strip; drag and touch events convert pointer-X into a fraction of the window, multiply by 24 hours, add to the strip's start time, then re-format for each city.
Built with Geist + Geist Mono via Google Fonts. Hosted on Hostinger. Source: github.com/sreebalakrishnan/chrisandsree.blog.