My own WebOS

devlog 3

themes + polish! the feature the guide never asked for: theme switching. four swatches in the topbar (night / mint / sunset / paper), whole OS recolors instantly through css variables,and your pick is remembered in localStorage so it survives refresh.what that took:- every color in the OS now lives in ~12 css variables, including the wallpaper glows (this was the annoying part — the purple glow was hardcoded and followed me into every theme)- “paper” is a light theme which forced me to fix a bunch of colors that only worked on dark- focus rings on windows now use the accent color so the active window reads correctly in all themes. Bonus stuff:- you can deep link apps: index.html#notes,term opens those at boot- same trick for themes: theme=mint in the url forces one (nice for sharing a link that looks right)- per-app window widths (terminal is wider, links narrower)it finally feels like my OS and not the tutorial’s. requirements i think i’ve hit:multiple draggable windows , no password , a feature the guide didn’t list .

My own WebOS

Day 2!
big day. the welcome page is dead, long live the desktop.- moved the old welcome content into an “about.txt” window so nothing was wasted- top bar with the OS name, menus for each app, and a working clock (setInterval, updates every second)- windows: open, close, click-to-focus (z-index goes up each time so the clicked one is on top)- dragging via pointer events on the title bar. locked the top at 34px so you can’t drag a window behind the menu bar- 4 apps so far: about, notes, links, terminalthe notes app autosaves to localStorage while you type (debounced) and shows”saved at 5:45 pm” when it writes. terminal has help / whoami / date / open / clear /sudo (denied obviously) and a capybara command.also learned the hard way that missing <meta charset> turns every middle dot into “·”. fixed. next: make it feel less like the guide’s version — i want themes.

My Own WebOS

devlog 1

It begins! started the webOS jam today. the guide helped you make a plain welcome page so that’sexactly what i did: one html file, everything inline, no css file yet.named it pixelOS for now. it has: a heading + a little pixel face i made with svg - an intro paragraph with some <s> and <abbr> tags like the extra challenge suggests- links to my playlist, github, and a thing that is definitely not a rickroll. Honestly it looks like a geocities page but it’s my geocities page. next up:turn this thing into an actual desktop with windows. want the about text to become an app inside the OS instead of just sitting on a page.