Pointless thing I made
The skyline is the middle gradient, which can be dragged left/right
Skyline Clock
https://codepen.io/GeorgeWL/full/myPyeaX
https://codepen.io/GeorgeWL/full/myPyeaX
Pointless thing I made
The skyline is the middle gradient, which can be dragged left/right
7 Comments
OryxAndCake@slrpnk.net · 4 pts · 27d
I'm not wearing my glasses and misread the title of this post. I'm having a lot of little coincidences today, this Oglaf I was reading a few minutes ago is oddly relevent.
spartanatreyu@programming.dev · 2 pts · 27d
Cool prototype
I'd fix the vertical scrollbar by changing SCSS' line 19 to:
overflow-x: scroll;(also, you may as well just switch the editor to CSS instead of SCSS to make it load faster)I'm a little confused why I can't drag all the way to the right, and also why it seems that the scroller does 25 hours and not 24.
gwl@lemmy.blahaj.zone · 1 pts · 27d
To be fair, 90% of the point of this sub is something quick and dirty
Good point on the SCSS, I turned it on initially thinking the CSS would be more complicated then forgotten to turn it off once found it wasn't
Ooh yeah I'll do that scroll CSS change
All the way to the right? It should have a js that when drag to 23:59 it
scrollTo({left: 0}), which I've defined as 00:00, that not working for you?spartanatreyu@programming.dev · 2 pts · 24d
It's possible to scroll past 23:59.
See screenshot:
When going past 23:59, the timer shows 00:00 but the scrollbar's handle is still past half way. It's possible to scroll past 23:39 to 00:59 on the right side of the scrollbar. Going past the second 00:59 resets the scrollbar back to the first 00:00 all the way on the far left.
gwl@lemmy.blahaj.zone · 1 pts · 24d
Ah dang, I had a feeling my func was a little naive but was like "eh, probably fine?"
spartanatreyu@programming.dev · 2 pts · 23d
lol, it's always the way. My codepen is full of not quite finished experiments
pewpew@feddit.it · 2 pts · 27d
Not as bad as this