CTRL-T - Clock and Final Polish
The Clock
- The clock takes over the center of the page as the biggest element on screen. It uses
clamp()for its font size, so it scales from 220px on desktop down to a readable size on narrow screens without spilling off the edge.
Below it sits a smaller seconds readout in the accent color, ticking every second offsetInterval.
Quick Links Bug
- The
+ ADDbutton calledwindow.prompt()to grab a label and URL, and it worked fine in a normal browser tab. Problem is, Chrome strips outalert,prompt, andconfirmentirely on pages that override the new tab, which is the whole point of this project. Clicking the button just did nothing. Fixed it by swapping the prompt for an inline form that toggles open under the dock. Two fields, a save button, done. It fits the brutalist look better too. Native browser dialogs are rounded and soft, which was never going to match this page.
Mobile Sizing
- Added a breakpoint under 400px to shrink the clock further. Without it the numbers clipped on smaller phone screens.
Andddd we’re done! Well, almost. Still gotta deploy this one.
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.