This project is a web-based operating system that I created from scratch using JavaScript, CSS, and HTML. I used the guide from Hacklab flavourtown and this is a project I will ship in Hacklab Stardance.
It's a medieval-themed OS because why not and I love warriors. It includes three apps. The welcome one that is accessed from the top bar in WarriorOS UI button, the Quest Archive one basically a journal of imaginary battles and imaginary monsters which was heavily based on D&D and The About Me app that contains a summary of me, a contacts tab, and a portfolio tab.
The portfolio tab is heavily lacking as I have done a lot of projects and I haven't had the time to upload them all but I will. Contacts: I have put everything. And the summary of me is a short but pretty good summary of my journey through the software and hardware world while explaining a bit about my passions.
As you can see from my poor art, I used pixel art for drawing everything in regards to photos except the background of the OS and the welcome screen GIF. The rest of the UI I made through HTML and CSS. It was really straightforward. I mostly followed the Hacklab guide while adding my touch.
In the top bar, as traded previously, there is the WarriorOS UI button that you can press and it opens up the welcome screen. Then there is the "mens et manus," a very inspiring quote I read recently. I chose it because I believe that both practical and theoretical work is needed for everything and I think it's a motto that best describes my life.Last but not least there is a clock with the date and time on it on the right side of the top bar.
I also added the pomodoro timer.
it's an app that reminds you to drink coffee. I saw a water tracker back in the time that was a little bit funnier and goofier than the usual ones. I tried to recreate it but with coffee. At 45 minutes the gargoyle gets tired. And in one hour it falls asleep or dies and you have to drink coffee to revive it by pushing a button. I have called the coffee black elixir inside the app to make it a bit more medieval like.
I found the YouTube guide in regards to how to make it but it was still a challenging process because I had to modify it. It currently plays only one song.
it is just a calendar.
- 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
Huge thanks to: https://pixabay.com/users/tunetank-50201703/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=412748 and https://www.youtube.com/watch?v=JtrFzoL1joI for making this site easier to make!!