Took some time today to wrap the oil tracker in a proper UI. Added a standard CSS reset, set up a clean flexbox layout, and made it look like a normal, functional web app. The SVG graph is much better now—I added interactive tooltips so you can actually hover over the data points to see the exact price and date

Started hacking on a crude oil price tracker today. Didn’t want to get bogged down in CSS or heavy libraries right away, so v1 is literally just raw HTML and vanilla JS

- 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

completed the firmware

completed the top too , now the enclosure is done . I made the top to be transparent and the bottom tray to be back

i started 3d designing the case but its my first time 3d designing hence it is really difficult for me but i am gonna learn the controls and then make a time lapse

When I first routed the wires it was confusing because my switch and diode names were random - nothing lined up in any logical order.
Fixed it by going back and ordering my switches properly, then connected all the wires again. After that everything routed the way it was supposed to.

I started working on my macro[ad , This is actually my 3rd attempt bcz in the first 2 ones i lost the timelapse hence could not post a devlog . I initially Decided to go for 4x3 Matrix keyboard with a oled, 1 rotary encoder and a single Led but half way through i realised that the board i was using (XIOA 2040) doesn’t have enough gpio pins and i had a decision to make either use xiao 2040 and scale back my keyboard matrix or use another board , at last i decided to use another board (Arduino nano 2040) which has enough gpios so i don’t have to compromise with my design

i added some new feature like figma tokens s as it is very useful when using figma and made sure all the export features are working properly

I fixed the Readme and also the UI , I used 21st.dev as for my UI and removed the unnecessary features and polished the app

/zenith-mars, /zenith-spacex and a couple others just stopped responding and i couldnt figure out why for a bit.

turns out it wasnt my code at all. the SpaceX API got archived on GitHub back on June 6th, its basically dead now. NASA’s Mars Photos endpoint was down too, separate issue entirely. so i just pulled both out.

replaced them with two new commands that use NASA’s APIs that are actually still alive:

/zenith-earth — latest photo of Earth from the EPIC camera on the DSCOVR satellite

/zenith-neo-week — biggest asteroid passing by Earth this week

one thing to know — dont fire commands back to back without waiting for a reply first, you’ll hit NASA’s rate limit and the second one fails silently. took me way too long to realize this was also why APOD was acting weird earlier, not an actual bug.

ok so yesterday i deployed the bot and was hyped to test it… and half the commands just didn’t work. spent today figuring out why. 

what was broken?

 turns out the server still had the old code even though i pushed to GitHub. git pull was failing quietly because of file conflicts so nothing actually updated. force reset it and it finally synced. then i hit another wall — Hack Club Nest blocks outbound HTTPS. every NASA and SpaceX API call was dying with SSL error 525. the commands that used plain HTTP like /zenith-iss worked perfectly the whole time, i just didn’t notice. switched all the URLs from https:// to http:// and everything came back to life. 

NASA API commands working now:
 /zenith-apod — NASA astronomy picture of the day 
/zenith-mars — latest Mars rover photo 
/zenith-asteroids` — near Earth asteroids today 
/zenith-spacex — latest SpaceX launch info 
/zenith-nextlaunch — next upcoming launch + countdown 
/zenith-space-report — quick space summary 

  daily dashboard added:

a morning digest that posts to #space-alerts every day at 8am. hits NASA, SpaceX, and Open Notify all at once and wraps it into one message — photo of the day, latest launch, and how many people are floating in space right now. pretty happy with how it turned out. —

so i wanted to build something that combined two things i actually care about — coding and space. ended up making a slack bot called Zenith that pulls live data from NASA and SpaceX through slash commands.

commands i built

/zenith-ping — check if bot is alive
/zenith-apod — NASA astronomy picture of the day
/zenith-iss — live ISS location with google maps link
/zenith-spacex — latest SpaceX launch info
/zenith-nextlaunch — next upcoming launch + countdown
/zenith-mars — latest Mars rover photo
/zenith-astronauts — who is in space right now
/zenith-asteroids — near Earth asteroids today
/zenith-space-report — quick space summary
/zenith-planet [name] — facts about any planet
/zenith-help — show all commands

Started working on my slack bot called zenith which would tell u about some fun facts about space

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