Epicycle Clock
sophiehoulden.com
sophiehoulden.com
It reminds me a little of a screen saver called Fractal Clock that I wrote many years ago for MacOS X: https://www.dqd.com/programs/FractalClock/
Sadly, the screen saver stopped working as of (I think) Catalina and I have never gotten around to fixing it. But someone else wrote a very clever web version which you can see here: https://cakenggt.github.io/web-fractal-clock/ and the source repo is here: https://github.com/cakenggt/web-fractal-clock
https://ytec3d.com/hand-in-hand-clock/ https://www.tindie.com/products/ekaggrat/hand-in-hand-clock-...
Scroll down if you don't want to wait for it to finish. Squint, and you might see a 12-ness nested in the epicycles.
Given CSS animations coupled with the new CSS trigonometric functions... this should be doable in pure CSS, minus the initial injection of the current seconds into a CSS variable on page load. There is no reason to do it in CSS, it just sounds like a fun weekend project (unless someone beats me to it, in which case a fun weekday project!)
Very nice.
Why not go one step further and show epicycles for each minute as well.
I was looking at it on my mobile screen and missed those tiny options in the bottom. Cool.
The maroon minute hand is rotating at 390 degrees per hour relative to the clock face. It's rotating at 360 degrees an hour relative to the hand it's mounted on.