Top bar and clock were added. Pulled the clock out of the welcome screen and into a top bar that sits over everything, like a real menu bar. The bar shows the OS name on the left and a few menu items on the right (Welcome, Notes, Time). Moved all the styling into style.css and all the logic into script.js so the HTML stays readable. I also added windows you can drag. Each window has a little red close dot in the header. I kept moving the window by the absolute cursor position instead of the change since the last frame, so it would teleport under the mouse the instant I grabbed it. Icons were also added.
Bugs I hit:
Dragging windows off-screen - Nothing stopped a window from being dragged up under the top bar, and once the header was gone you couldn’t grab it back.
Click vs double-click on icons - The single-click select fires during a double-click too, so the icon flickers selected then deselected as the window opens.
The close dot starts a drag - The close button is in the header, which listens for mousedown to drag, so pressing close also arms a drag.“Time” in the top bar looks clickable but doesn’t do anything yet.
To Do:
- Clamp window dragging to the screen
- A dock or a way to reopen closed windows
- Maybe more apps (a little terminal, or a photo viewer)
- photo viewer
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.