Analog Clock for Lovelace

Hi

Try this: (No Background, full SVG scalable!)

https://awr7-nethserver.r7.anwi.ch/analog_clock/index0.html

index2.html has a red clock-ring.

The “packaging” needs to be done on the Webservers side, using a simple html file.
You can grab the html file, and use that, better than copying the code from “show source”…

I will be making a custom card, however a lot of stuff planned is delayed due to Corona Lockdown…
I’m glad the lockdown here is almost over!

Andy

That looks nice, one caveat…

analog-clock2

Hi

Sorry, the link mit index0.html is for other web pages (I use the clock eg in Zabbix Monitoring and several other places…

For HassIO use this:

https://awr7-nethserver.r7.anwi.ch/analog_clock/station-clock.svg

Andy

1 Like

Ahh, so we don’t need HTML and can simply pass the SVG… upon testing that works great!

type: iframe
url: /local/analog-clock/analog-clock.svg
aspect_ratio: 60%

Thank you @Andy_Wismer!

2 Likes

Hello, I would also like to have this clock of the railway station.
i write with translator, but maybe someone can briefly explain again exactly how to integrate this clock now in the year 2024, since i am a relative newcomer. maybe a small step by step guide. thank you very much. marco

Hello Andy,
I’m still new to HomeAssistant, how do I get the SBB clock into HomeAssistant? My HA runs in a VM and I have installed lovelace, it appears with 2 entries in the menu see printscreen. I’m not sure if this has been fully installed. Where and how do I have to do this to integrate this analog SBB clock? Is there a detailed step by step guide?
Thank you very much!
Greetings Novell1

Hi,
Hi, I didn’t get to grips with the above either.
But my clock is now running with this iframe

type: iframe
url: http://www.3quarks.com/images/svg/siemens-clock.svg
aspect_ratio: 50%