By
@Lvkv
Welcome to LunaOS 🌙 — my personal web OS built for the Hack Club OS Jam. Built with custom HTML/CSS, a frosted glass aesthetic, deep space gradients, and custom moonlit styling. Check out the live build here: https://lvkv-dev.github.io/LunaOS/
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!
