A proper looking (fake) operating system

I’ve finished the third part of the tutorial series and I’ve heavily leaned into this cartoony MacOS / GNOME Linux rice aesthetic. The window is now fully movable through the toolbar and can also be closed with the button in the corner. I also added a taskbar to the bottom of the screen with the app names which I plan to replace with proper designed app icons by me. Alongside that, I want to

1. Refactor the JavaScript code, as I believe that some of the repetition can be solved by making classes, and..
2. Add the ability to pin and unpin apps on the taskbar.

Other than that, suggestions are appreciated as always!

Nvm, I like the style now.

I have just now finished the second part of the tutorial for my web OS portfolio thingamajig, and I’m starting to like the style more. I decided to try and go off of MacOS and some Linux rices that I’ve seen recently, and that led me to the style below. More work needs to be done before it’s perfect, but it’s starting to get there. Up next, I’m making the window movable and adding more apps.

Is this on??

Um… hi! I am Divine and I’m new to this whole Hack Club thing so I thought I’d do something that gives me stardust to start with, so I can move into the hardware stuff later. I’ve started a website OS which I hopefully will be able to make my digital portfolio, as I do a lot of creative things online. This isn’t my first time in web development, but all my previous things have been basic websites with somewhat flashy animations so this might push me out of my comfort zone. I’ve decided to do one devlog per part of the tutorial and this is my website so far after the first part. I’m not totally in love with the style so far, mostly because there is a specific font that I can’t remember the name of that I want to use instead, but I think that this one will do for now. If there are any suggestions for what I can do next, please tell me!