Building LunaOS🌙**What I built:**Started LunaOS, a web desktop with a dark night-sky theme! First, I built a dark-mode bio card with links to my GitHub and Spotify. Then I expanded it into a full desktop layout by centering the card as a window and adding a top status bar with a working live clock.What I learned: * HTML & CSS: Played around with glassmorphism using backdrop-filter: blur(), glowing borders, and rounded corners. * Flexbox & Positioning: Used display: flex to align the top bar and transform: translate(-50%, -50%) to keep the window centered. * JavaScript: Wrote a quick setInterval script with toLocaleTimeString() to update the clock every second:javascriptsetInterval(function () { document.querySelector("#timeElement").innerHTML = new Date().toLocaleTimeString();}, 1000);**Next up:**Making the window draggable and adding open/close buttons!
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.