A small world clock that lives in a browser tab. Scroll, drag, or scrub to see what time it'll be anywhere. Same palette, same paper grain, same rhythm as the iOS app — but lighter, instant, link-friendly.
No framework. No build step. Just HTML, one CSS file, one JS file.
.
├── index.html // the page
├── app.js // store · scrub · render
├── styles.css // palette · typography · layout
├── cities.json // the bundled city list
├── icon.svg // app mark
├── grain.png // paper texture (shared with iOS)
├── privacy.html // Privacy + Terms
├── support.html // FAQ + contact
├── legal.css // styling for the two pages above
├── _headers // Cloudflare Pages cache + security
└── _redirects // /terms → /privacy#terms
python3 -m http.server 8000 open http://localhost:8000
That's the whole local-dev story. Edit, refresh, repeat.
Push to main. Cloudflare Pages auto-deploys to timebase.me within a minute. To push manually:
npx wrangler pages deploy . --project-name=timebaseCrafted by @amrith in Amsterdam.