🧑🏫 University Project
This repository is for an educational project and is not intended for professional use. Pull Requests, Issues and alike will not be accepted / considered. If you wish to do something with this code, please consider forking it.
A clock that tells time using colour and rotations. Please note that it will not be finished and bugs will remain due to technical limitations that I did not find out about until later in the project.
hsl(xxx, 100, 50)) in steps of 33°.
Each ring going inwards represents a smaller group of time. The outermost ring shows the current year progression (e.g. if we were around June 20 [halfway through the year], the ring would be pointing downwards (180°) to showcase that the year is halfway complete (like the hands of traditional analog clocks). Going inward the rings are year, month, date, hour, minute, and second.
Unfortunately I did not do sufficent research before setting out for this project. My intent was that the gradients / rings of the clock would animate into the next gradients. However, current CSS technologies do nut support background-image / gradient transitions and simply snap to the next specified gradient instead of fading the two. There are workarounds but ultimately I decided to put a pause on the project due to it taking up too much off my time.
- React
- Create-React-App
- Stitches/React