You are browsing as a guest. Sign up (or log in) to start making projects!

3h 19m 8s logged

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 off setInterval

Quick Links Bug 

  • The + ADD button called window.prompt() to grab a label and URL, and it worked fine in a normal browser tab. Problem is, Chrome strips out alert, prompt, and confirm entirely 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.

0
4

Comments 0

No comments yet. Be the first!