https://github.com/cinnamon-bun/seasonal-hours-clock

Created with CodeSandbox
https://github.com/cinnamon-bun/seasonal-hours-clock

Last synced: about 1 month ago
JSON representation

Created with CodeSandbox

• Host: GitHub
• URL: https://github.com/cinnamon-bun/seasonal-hours-clock
• Owner: cinnamon-bun
• Created: 2021-01-16T04:05:21.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-09T09:41:52.000Z (about 1 year ago)
• Last Synced: 2024-06-21T15:04:44.209Z (3 months ago)
• Language: TypeScript
• Homepage: https://codesandbox.io/s/github/cinnamon-bun/seasonal-hours-clock
• Size: 1010 KB
• Stars: 29
• Watchers: 3
• Forks: 9
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - cinnamon-bun/seasonal-hours-clock - Created with CodeSandbox (others)

README

        
# Seasonal Hours Clock

[See it live](https://seasonal-hours-clock.netlify.app/)

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.

![](Selection_009.png)

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](https://github.com/cinnamon-bun/seasonal-hours-clock/blob/main/src/seasonal-hours.ts) has a complete listing of hour names.

This concept originated in [Twodays Crossing](https://github.com/earthstar-project/twodays-crossing), an Earthstar chat app.

---

[View in CodeSandbox](https://codesandbox.io/s/old-hooks-2cxi6?file=/README.md)

[![Netlify Status](https://api.netlify.com/api/v1/badges/9082d826-4108-4eb0-b2d3-d2e6d6066a9d/deploy-status)](https://app.netlify.com/sites/seasonal-hours-clock/deploys)