Skip to content

ikethefifth/seasonal-hours-clock

 
 

Repository files navigation

Seasonal Hours Clock

See it live

It would be nice if the 24 hours of UTC time each had a short memorable name. It would make it easier to plan chats with distant friends, since the hour-names would be synchronized around the world.

Let's choose a theme like... seasons of the year, just to be confusing. :) Squish a year into 24 hours starting with the winter solstice at UTC 00, which we'll call The Candle Hour.

This repo is a simple website that draws a 24-hour clock showing your local time, the seasonal hour name, and the UTC hour.

Outer numbers: local time, with noon at top and midnight at bottom.

Faint inner numbers: UTC time.

Colorful ring: the seasonal name of each hour. Winter is blue, spring is green, summer is yellow, autumn is orange.

The colored pie chart in the middle shows sunset times: daylight, dusk, and night. The hour hand is the sun traveling across the sky.


seasonal-hours.ts has a complete listing of hour names.

This concept originated in Twodays Crossing, an Earthstar chat app.


View in CodeSandbox

Netlify Status

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 65.5%
  • CSS 28.1%
  • HTML 6.4%