Apple Standby-like clock website, to put on a screen for your desk.
I made this to put on a spare phone I'm not using - it's running postmarketOS and I have the website open in Firefox and put in full screen. Auto-brightness (and night vision if you'd like) recommended!
- Spotify integration, showing track title on top of the clock besides the date.
- Background following current time (thanks to Apple's Solar Gradients wallpaper!)
- Stars at night!
To use this, simply head over to https://standby-clock.pnxl.dev. It will prompt you to log in with Spotify. If you don't want to use the Spotify integration, please add these lines to your local storage.
| key | value |
|---|---|
| access_token | - |
| refresh_token | - |
| expires_on | 0 |
| verifier | - |
There's no built in way to skip the integration at the moment, please be patient!
Clone the Git repository, and install all the needed dependencies with npm install.
If you'd like the Spotify integration, then enter your credentials by coping .env.schema to .env, then filling in as needed. Please keep in mind that Spotify requires the redirect URIs to be in HTTPS, but if you'd like to use a loopback address then simply enter 127.0.0.1:5173, as Spotify doesn't support localhost as a hostname.
Then, build the repository with npm run build.
Use a web server like Caddy or nginx to serve the website.
(or if you're lazy, just run the dev server with npm run dev)
I'm using Visual Studio Code with the official Vue language server and Tailwind CSS IntelliSense.
Developing with Node 20 and npm 11.4.2.
Licensed under the MIT license.