Hora Mundial

Single-page world clock web app. Shows the current time in cities around the world with no build tools, no dependencies — pure HTML/CSS/JS in a single file.

Features

• Add cities from a searchable autocomplete (200+ cities, Americas-heavy)
• Each card shows local time, date, country, and UTC offset
• DST badge next to the offset when the city is currently observing Daylight Saving Time
• Mark a home city (highlighted card, cannot be removed while set)
• Manual drag & drop reordering (desktop only)
• ORD button: sort cards by local time ascending, then north-to-south (desktop only)
• Light/dark theme toggle, persisted in localStorage
• Spanish/English toggle, auto-detected from browser language
• Fully responsive grid layout

Usage

Open index.html directly in a browser — no server required.

Tech

• Zero dependencies, zero build step
• Intl.DateTimeFormat for timezone handling
• localStorage for persistence (cities, theme, language, home city)
• DST detection via Jan/Jun UTC offset comparison — works for both hemispheres

Created by

Miguel, with help from Claude Code.