- Core Stabilizations and UI Additions

Technical Changes

Window Manager (Gallery Bug): Fixed a critical rendering issue where the Gallery window dropped. The window had no default dimension in the openWin() switch statement, and so did not match up with the CSS min-width constraint, leading to positional calc() errors. The explicit dimensions (600x500) solved the layout thrashing.

• Desktop Clock Widget: New clock widget that shows the current time, and is customizable and placed on top of the window manager’s stacking context but under the wallpaper layer.
• Asset Pipeline Refactor: Got rid of all redundant and large local media files from the wallpaperList. Optimized to a single remote CDN image to avoid 404’s and limit local storage costs.
• Boot Sequence UI: Changed linear opacity fades to a CSS3D transform that is accelerated by hardware.

/* Boot sequence 3D transform snippet */
.boot-logo {
  animation: bootLogoAnim 2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  transform-style: preserve-3d;
}

What Changed This Session

Spent a few hours cleaning up the project and adding some stuff that was missing. Main things were reorganizing the files, adding proper app folders to the dock, wiring up Tetris and Snake, and making the terminal actually worth using.

Project Structure

The original had everything dumped in the root folder — HTML, JS, CSS, MP4s, all mixed together. Moved media files into their own folder so at least it looks intentional.

webos/
├── index.html
├── css/
├── js/
└── media/

Not revolutionary, but it was bothering me.

Dock Folders

The dock had too many individual icons and was getting messy. Grouped everything into three folders instead:

• Tools — Notes, Terminal, Calculator, Settings
• Games — Tetris, Snake, Pixel Art
• Media — Music Player

Clicking a folder opens a small window, then clicking an app inside launches it. The dock went from 8+ icons to 6. Also moved Settings into Tools because it was sitting in Media for some reason, which made no sense.

Games

Added Tetris and Snake. Both run on canvas, each in their own JS file so they don’t pollute apps.js.

Tetris

• Ghost piece
• Wall kicks
• Hard drop with the Space bar
• Speeds up every 10 lines

Snake

• WASD or Arrow Keys
• Apple won’t spawn on the snake body

Also fixed the icons for both. They were using random SVGs that had nothing to do with the games.

• Tetris now shows an actual T-tetromino shape.
• Snake shows a little body of blocks with a pink apple dot.

Terminal Commands

The original terminal had about one command and it was useless (help). Rewrote the whole thing with stuff that I’d actually use:

• wp fuji/stars/matrix — Swap wallpaper without touching Settings
• theme dark/light — Quick theme switch from the keyboard
• calc 12*8+4 — Math without opening the Calculator app
• neofetch — Uptime, browser, current wallpaper, theme
• close <app> — Close any app by name
• cowsay
• fortune
• flip
• roll 20
• color #hex — Inline colour swatch
• history — Last 20 commands
• rm -rf / and sudo — Try them
• help — Actually shows all of the commands

i added an option to add ur own live wallpapers and songs in the music’s player and i also added a calculator app

i added live wallpapers and i previously created a pallet forge app as another project so i just integrating that into my my WEB OS too

I made a minimalist OS . It contains basics apps like notes , wallpaper and a focus timer timer .