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.
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.
git clone https://github.com/krry/passage-clock.git
cd passage-clock && yarn install
yarn dev
Runs webpack-dev-server and pops your browser open to
localhost:8080.
The Dev Log may offer add'l insight.
yarn deploy
Builds for prod and deploys the built files in dist/ with now
yarn install ought to cover you, except for deploying with now.
You'll need that installed globally.
yarn global add now
- Vanilla ES6+
- Webpack
- Coffee
- 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
- 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