devlog #3 — the island era

i put a dynamic island in the top of the screen,
like the iphone. it’s a black pill that sits over the menu bar and morphs:

the bigger news: the music is real. i didn’t want to embed mp3 files
so the music app synthesizes lo-fi loops with the WebAudio api — triangle
wave chords, a sine bass, random pentatonic notes sprinkled on top, plus
a looped noise buffer filtered down for vinyl hiss. there are 3 “tracks”
(bpm + chord progressions) and a live frequency visualizer on a canvas.
no files, no copyright, just math.

also added:

• settings app — 4 gradient wallpapers, 4 accent colors (the island
  equalizer, dock dots, progress bars all recolor), saved to localStorage,
  plus a factory reset button
• links app — grid of glass cards
• terminal got an open command, so open settings launches apps
• island notifications wired into notes, terminal and settings

that wraps version 1.0. one html file, no frameworks, no login, and it
actually feels like an os. on to WebOS 2 🚀

devlog #2 — window manager arc

the os grew a real window system . everything is managed from one
createWindow(app) function, so adding a new app is just adding an object
with a name, an icon and a render function.

what’s new:

• 3 apps now: about, notes, terminal
• close / minimize / maximize on every window (green button remembers
  your old size + position and puts it back)
• windows resize from a corner grip, focus raises them above the others
• a dock with the mac hover-magnify effect and little dots under
  running apps — minimized windows can be brought back from there
• notes autosave to localStorage as you type (“saving…” → “saved ✓”)
• terminal got a tiny shell: help, neofetch, echo, ls, clear…

the dock magnify is just a css transform on hover:

devlog #1

started making my own os that runs in a browser tab. no frameworks, just
one html file, because i want to actually understand every line of it.

first build has:

• a boot screen with a logo + loading bar that fades away
• a frosted menu bar at the top with a live clock
• an aurora gradient wallpaper (just layered radial-gradients)
• one glass window (“about.txt”) with mac style traffic lights

the fun part was making the window draggable. i used pointer events instead
of mouse events so it would also work if someone opens this on a phone.
the trick that made it feel smooth: instead of tracking where the mouse is,

next up: more windows, real minimize/maximize, and a dock.