Add World Clock tool - #7
Merged
Merged
Conversation
A single-file, offline tool that shows the current time across cities worldwide and includes a meeting planner slider to find a slot that works in every time zone. - DST-safe time-zone math via the built-in Intl API (no network) - Curated list of 40+ major cities; auto-detects the user's home zone - Day/night indicator, offset + day-difference vs home, live per-second tick - State persisted in localStorage under a namespaced key - Styled to the Hillnote design system (azure accent, Manrope display, mist canvas, 24px card radius) Registered in tools.json and bumped catalogVersion to 18. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01DAgsvtGjWeRkxb5vgqdsgS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What is this tool?
World Clock — a single-file tool for anyone coordinating across time zones. It shows the current time in a set of cities worldwide, and a meeting-planner slider lets you scrub time forward or back to find a slot that works everywhere. The catalog had fun, wellness, writing, and reading tools but no time/clock tool — this fills that gap in the Productive category.
Each city row shows the local time (with AM/PM), the date, a ☀️/🌙 day-night indicator, the offset relative to your home zone, and a "Next day / Prev day" marker when the calendar date differs. Your home zone is auto-detected and highlighted; you can re-home to any city or add/remove cities.
All time-zone conversion is done with the built-in
IntlAPI, so it is DST-safe and needs no network.Checklist
world-clock/index.htmlwith all CSS + JS inline.fetch, orimport. System fonts only; all logic usesIntl+localStorage.screenshots/world-clock.webp(800×500).tools.json(dir=world-clock, matches the folder name).catalogVersion(17 → 18).versionis1.npm run validatepasses locally (✓ catalog valid — 24 tool(s), catalogVersion 18).Notes for reviewers
Intl.DateTimeFormat(...).formatToParts, not from stored numbers, so summer/winter transitions are handled automatically. The screenshot (rendered in July) correctly shows Los Angeles at −7h and New York at −4h from UTC.America/New_YorkifresolvedOptions().timeZoneis unavailable.#4d63ffprimary, Manrope 900 display heading, mist canvas / white cards, 24px card radius — matching the Hillnote design language.Generated by Claude Code