krry / passage-clock

A relative clock displaying the passage of time

☸︎ Passage

It's a clock that's super hard to read :)

It's the unfortunate lovechild of a fidget spinner,
a higgs boson, and an alarm clock radio.

📱 Usage

Nav to passage.krry.me on a touch device, and add it to your home screen.
Passage is intended as a barebones experiment in PWAs (progressive web application).

You'll figure it out.

If you break it, please let me know in an issue.

💉 Installation

git clone https://github.com/krry/passage-clock.git
cd passage-clock && yarn install

🚧 Development

yarn dev

Runs webpack-dev-server and pops your browser open to localhost:8080.

The Dev Log may offer add'l insight.

🚢 Deployment

yarn deploy

Builds for prod and deploys the built files in dist/ with now

⛓ Dependencies

yarn install ought to cover you, except for deploying with now.
You'll need that installed globally.

yarn global add now

🛠 Builtwith

• Vanilla ES6+
• Webpack
• Coffee

🙏Gratitude

• Inspired by Justice whose preferred clock displays the percentage of the day now past
• Drawn conceptually from @robertmermet's Percent Clock
• Thanks to Unsplash and the photogs for these superb photos

😅 TODO

• refactor modules into ES6 Classes where appropriate
• involve babel-loader in the build to be browser-friendly
• allow time origin adjustment, i.e. time from now, time till then
• add atmospheric effects and/or particle.js
• make the arrow dance and sway
• add more atmanautic art
• integrate next.js?
• let users choose a color scheme
• port to New Tab experience for Chrome?
• allow users to remove time slices
• enable user to restore removed slices
• turn back time
• alias to krry.me with now.sh