BoilermakerOS

I added dark mode using the light-dark() CSS function.
I also fixed an issue where the splash text in the bottom bar wasn’t properly centered. Beforehand I had tried using justify-content and flex-grow, but my final solution was as simple as setting the width of the bottom bar elements to 33%.
Finally, I filled out my README with screenshots and information.

I added 2 new apps: a weather app and a clock app, both showing information pertaining to West Lafayette (where Purdue University is).

I also added a Minecraft-style splash text to the bottom bar that is randomly selected on site load.

I finally fixed an issue where renaming a file from “window.js” to “Window.js” wasn’t being picked up by git, probably because in Windows file names are case insensitive. I fixed it by temporarily setting git config core.ignorecase false.

Finally, I created a 3D rendered favicon for the website. I had to add a little drop shadow to improve contrast (see 2nd image).

I added desktop icons and a new “links” app that has a bunch of Purdue related links.

I also wrote some code to make adding new apps simpler.

New in my Purdue University themed webOS:

• Window dragging
• Gradients
• 3D rendered window close button

Hover over the close button, and it lights up. I achieved this with the CSS :hover selector and two different button images, each rendered with a different light intensity.

I have started work on my Purdue University themed webOS, BoilermakerOS.

So far I have a wallpaper, welcome window, and bottom bar.

I’m most excited about the wallpaper, which I made fairly quickly in Blender. I think I will incorporate the glass material into my theme.