aodhneine / clock Goto Github PK

Currently CSS is pretty bad and only tested on my machine. From what I have seen, it pretty much breaks when running on different computers, with different fonts and screen sizes.

We definitely should add some way to centre the text universally, regardless of the screen size, and figure out how to best place it in the middle.

We also should add dark theme that would be enabled automagically using prefers-color-scheme media query — https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme.

It would be nice if we could detect which locale to use and how to format the time based on what locale is being used in the browser. It looks like navigator.languages might be useful here.

For now we're going to stick with en-GB, which is fine enough for me. It provides a 24-hour clock which should be fine for most of the people.