DEVLOG #1
Spent today building the foundation of Pocket Lab OS. I finished writing the HTML structure for the desktop, including the top bar, desktop icons, taskbar, and placeholder windows for each app.
I then moved on to the CSS, where I set up the overall colour palette using CSS variables, styled the desktop layout with Flexbox, designed the application windows, and switched the title bar controls to a macOS-inspired style. I also added hover animations for the desktop icons and built the initial taskbar layout.
Finally, I connected everything with JavaScript. Application windows can now open, close, minimize, maximize, be dragged around the desktop, and automatically appear in the taskbar when opened. I also added a live clock and a simple window stacking system using z-index.
Ended the session debugging a file path issue that prevented the CSS and JavaScript from loading. After fixing the links, the desktop framework finally came to life.
Next up: create the custom pixel-art assets and start building the individual applications..