This is my very own OS that can be run in the web! It has draggable, closable and resizable windows, six apps: Welcome (some random text), TeXtpad(notepad but with one note), Weather (shows your local weather), clock (analog clock), KuuppaMusic(spotify) (plays the spotify lofi beats playlist) and KuuppaVid(youtube) (plays never gonna give you up). It also has a bottom bar with a clock and open all windows button. Desktop icons to open different apps.
I made a webos for the webos 1 mission. It has draggable, resizable and closable windows, desktop icons, a bottom bar with a working clock and an open all windows button. There is six apps: Welcome which is just the welcome screen, TeXtpad which is a notepad, but it only supports one note at a time and it saves it locally to your browser, Weather which shows your local temperature, location and weather condition as an emoji and as text, Clock which is just an analog clock, KuuppaMusic (spotify) which plays the "lofi beats" spotify playlist from the spotify embed (it only plays the first 30s of every song) and KuuppaVid (YouTube) which plays Never Gonna Give You Up by Rick Astley from the YouTube embed. Github copilot is used for fixing some problems and for help and instructions for features like the weather app and autoplay when you open KuuppaVid.
42m 23s logged
Okay this is actually the final devlog. I added spotify(kuuppamusic) and youtube(kuuppavid) apps. They don’t really have any purpose but I still added them. From the spotify app you can listen to lofi beats, but because it’s an embed it doesn’t even play the full song. From the youtube app you can watch Never gonna give you up by Rick Astley (i didn’t know what else to put). For the youtube app i used github copilot to make the function to start autoplay only when the app is opened. I also updated readme. Now the project is ready to ship.
59m 58s logged
Final devlog before first ship. Updated readme and added weather forecast emoji and location show with the help of github copilot. The location may or may not work depending on your device, it worked on my phone but i couldn’t get it working with my steam deck. I also fixed the problem where the clock app icon was bigger than the others. The weather now also updates every 10 mins.
1h 26m 50s logged
Finished the last part of the WebOS mission guide. I added a weather app (I got instructions from copilot in vs code), a clock app (I found a tutorial online), made all windows resizable, fixed some bugs (hopefully) like taskbar being too long and the website being too tall so the scroll bar would always show. I also fixed the bug where you could drag windows and then you couldn’t reach them (with a little help from copilot in vscode). The resize thing is kinda hidden in the window border but you can see it a little.
2h 32m 8s logged
Finally finished the fourth part of the WebOS mission guide. I had some problems with scripts for the new app so I used github copilot in vscode to fix some. Yes, i also added a second app! It’s not the best but it’s like notepad but worse (atleast right now). It only supports one note at a time, but at least it saves locally to your browser so hopefully you don’t lose your one note :D. It also has a desktop icon that opens and closes the app. Many things will change later, like all the 100+ meaningless commits that actually will hopefully stop right NOW, because I got a new way to test the site without deploying: Live server vs code extension. I guess that’s all for now
3h 3m 37s logged
Finally completed the third part of the WebOS mission guide (it took so long because I had problems with customization). Made the top bar a bottom bar and added rounded corners, you can now drag the window from the window title (tell me how to make the title smaller and centered while the close button being in the right corner because that stopped working when I made the two divs be at the same row) you can also close it from the red close button and you can reopen it from the bottom bar. I also changed the welcome screen a little. Also the code is now split in three parts.
40m 21s logged
Just finished the second part of the WebOS mission guide. Now it has top bar with working clock(and font and blur), wallpaper, welcome window with colored background and dashed border with rounded corners. I also added a second link to the welcome screen. Starting to look better already.
39m 34s logged
I just finished the first part of the WebOS mission guide (and started the second). I will still probably edit the welcome screen after this devlog. There’s nothing special about this yet, but it has a font, text and background color, image with custom size and rounded corners, link to stardance website and text.
