My very own WebOS
By
@rosandrox
- 4 Devlogs
- 7 Total hours
This is my very own OS that can be run in the web!
Ship #2
@rosandrox
on
My very own WebOS
Basically the whole OS
Quest archive: descriptions of imaginary quests and monsters
About me: information about me and my journey through coding and robotics.
Pomodoro Timer: a focus timer
Coffee Minder: an app that reminds you to drink coffee every 45 minutes with one hour
Music player: place one medieval folk music anthem.
WarriorOS top bar button: opens the welcome window for WarriorOS
The date in the top bar: opens up the calendar
A clock in the middle of the screen
I also tried to add draggable apps. And I started getting into two-vector grid organizing. But then I got really frustrated really quickly because there were a lot of problems and it was time-consuming. I believe I lost one hour trying to figure it out. Because something would always overlap even if it wasn't that visible however these are the functions that the OS serves. If you want more info, you can access my previous devlogs, which I believe I've done very analytically. The GitHub page has an analytic breakdown of what I did, the idea, and the coding behind every app.
@rosandrox
on
My very own WebOS
3h 44m 40s logged
So after 3 hours of tirelessly working on this, It isfinally over. So here’s what I did over those three hours. Because I looked into some other projects, I got the idea of adding a double tap for all the desktop apps. So now you must double-click all the desktop apps in order to open them. Then there is the top bar that you must only do a single click on. I added a clock on the background. I thought it would be cooler than having it on the top bar. On the top bar I left the date and when you click it, it opens the calendar. Then I added a coffee minder. So the idea occurred to me a while back when I saw a water-cup tracker in a Linux distro. And I like the idea of it and what I did is basically, when you open up the coffee minder, if 45 minutes pass the Gargoyle will get a bit tired. And when 60 minutes pass, he will pass away and you will have to revive him by drinking another cup of coffee. I thought it was a fun idea. I also added the music player. I used this YouTube video along with some of my prior knowledge to change up some things. https://www.youtube.com/watch?v=JtrFzoL1joI and I also used this artist’s song for the medieval theme. https://pixabay.com/users/tunetank-50201703/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=412748 . I’m very proud to have designed most of the art inside the OS. I was a bit tired and I wasn’t feeling like making the rest of the icons so I just put two emojis for the coffee minder and the music player. I think it came out really solid. I also added a highlight around its box’s border. That’s all pretty much.
Ship #1
@rosandrox
on
My very own WebOS
I tried to personalize it as much as possible. I have added four apps. The welcome up the Quest Archive the About Me app end the Pomodoro timer. The top bar has the opening icon for Warrior OS. At the middle it has the quote: "Mens et manus". That is a very important quote to me. I think it describes best my hardware and software ability till now and how much I want to combine the theoretical with the practical. And on the right of the top bar there is the date and time. Then I have three apps that are analytically explained in the GitHub. I found it very challenging adapting to these new languages. First of all because I didn't at first understand the point of style.css but now I understand it. Also I found it a bit difficult setting all the parameters and sizes to be exact and correct. And sometimes I got caught up in the documentation. Even though I believe other WebOSes out there are 10 times better than mine, at least I tried and I'm very happy with what I got out of it. I will always update it so that's a good thing. Please let me know anything I should fix so I can make better updates.
@rosandrox
on
My very own WebOS
22m 28s logged
I added the pomodoro timer app because it felt too empty. This is my last dev log before uploading and shipping the WebOS. I know I will make more updates to this so even though it is in a very primal state, it’s still good because I didn’t know that much about JavaScript and HTML and now I’ve learned.
@rosandrox
on
My very own WebOS
20m 57s logged
So I added three tabs in the About Me app:
A really small description of me
My contacts
My portfolio
My portfolio is kind of lacking. I would like to put more things in it; however I have to search up how to make a scroll bar, etc. For now the OS is constructed of:
the top bar that has the “Warrior OS” welcome up the months, et cetera, quote
at the top right the date and time
the side quest journal that has quests of ancient warriors and imaginary quests and imaginary monsters while also having the “About Me” icon
That is another app. I’m very happy because except for the chief in the Warrior OS welcome screen and the background, every other art is done by me, either by code or by design on the pixil site. I think the project is ready to ship.
@rosandrox
on
My very own WebOS
2h 47m 39s logged
So I followed the entire guide and it was pretty easy to follow. I tried very hard and stumbled upon a lot of problems along the way but I think I have a nice prototype. Now I’m trying to make the About Me app a little bit better. I don’t know why every header is yellow. I think it’s kind off putting but I will fix that. I just really wanted to do a yellow one. I don’t know why. However it seems pretty legit and was pretty easy to follow as I said previously. Here I basically set up the background, the top bar, and the windows and the app openers, the icons, which I used mostly JavaScript. The JavaScript file is 300 lines and the HTML one is only 100 lines long. Also at first I couldn’t quite understand the point of the CSS but now I think I get it. So I’ll continue and probably I will ship it soon.
