Skip to content

Latest commit

 

History

History
41 lines (28 loc) · 1.95 KB

File metadata and controls

41 lines (28 loc) · 1.95 KB

Simple Clock with Date and Time

example image

Mounted my Home Assistant Dashboard Tablet and started to use Fully Kiosk app, which offers a fantastic feature to add a screensaver using a custom website.

Initially, I searched online for free, ad-free solutions with lots of customization options. Unfortunately, I couldn’t find anything that met my expectations. So, after about half an hour of work (including testing), I created a simple index.html file.

You can clone this repo and customize it to your liking—change the background color, typography, size, colors, region, language, and more. Once you’ve made your edits, you just run it using a straightforward raw link, as described in the README file.

The result looks clean and works beautifully. Best of all, no hosting or additional services are required—just a free GitHub account.

I hope this little project finds a place in someone else’s home as well!

Have a good one!

How to use?

1. Fork the repository.
2. Customize the index.html file as you like. It includes multiple language options for the days (the original version is in Croatian).
3. Access the below mentioned URL and use it as your source.

The URL

https://raw.githack.com/mariosemes/<your-repository-name>/<branch>/index.html

In this repos case:

https://raw.githack.com/mariosemes/SimpleClockWithDateForScreenSaver/main/index.html

Feel free to visit this URL and check out the CLOCK <3

Features

1. To avoid AMOLED burn-ins, I added a simple script that will change the space between the TIME and DATE every 5 minutes. Feel free to change that too.
2. Thanks to a reddit comment, I added a free weather widget at the top by default. You can of course COMMENT IT OUT inside your forked index.html file...
3. Still polishing :)