ArctosOS
- 4 Devlogs
- 8 Total hours
This is my very own OS that can be run in the web!
Devlog 4 for ArctosOS
I finished my first app on the OS! Now, the OS comes with the ArctosNOTES app.
Here are some changes:
- Apps are now left-justified, rather than centre-justified as previously shown in devlogs.
- The Welcome Screen (openable by the ArctosOS button in the bottom-left corner) now appears 30 pixels away from the top and left of the screen in the top-left corner.
- The ArctosNOTES app has been added to the OS. It has various functionalities, including opening multiple notes and editing the contents (however, saving the contents is not supported in the OS as of yet)
- The clock at the bottom-right of the OS can sometimes be distracting with the timer being updated every second, so we adopted the Windows 10/11 OS way of showing the time, with firstly, the time at the top and then the date underneath it (there were still some issues with the
en-CAway of displaying time, so I decided just to use theen-USway instead) - All windows (welcome, notes) remain draggable, closable, and openable. The top part of each window has been redesigned from a transparent background to an opaque one to remove distractions.
Next steps!
- Find a way to add more features (maybe saving notes?)
- Add more apps
- Maybe find a way to be able to change the background image as needed
Devlog 3 for ArctosOS
Part 3 has been completed! Over the past few days, I encountered a problem where if I dragged the window to the right, the width of the window would decrease; if I dragged the window to the left, the width of the window would increase – despite the window not being near the periphery of the OS screen. After quite a long time of troubleshooting, I realized that I needed to set a fixed width, or the code would automatically resize the width depending on position.
Part 3 had a variety of tasks to manipulate the welcome window, including dragging, closing (in other words, setting display to “none”) and opening.
Over the next few days, I will learn how to create apps on my new OS!
Devlog 2
I recently spent time finishing the 1st and 2nd parts of the PersonalOS, where I created a welcome screen with an image background relating to me, and added the time (where it would update every second).
Part 3 next!!
Some changes from the original guide:
- I moved the “Top Bar” in Part 2 to the bottom by setting
bottom: 0;in the div style that contains the bar. - I added the site’s favicon and altered the name of the site by changing it in
<head>. - I used multiple different divs to centre various elements on the site.
Over the past few days, I have been working toward creating the welcome screen for my OS! I decided since FRC (the FIRST Robotics Competition) is such an integral part of who I am, to focus on communicating my team and what we do yet again. In my OS so far, I have some images and links attached, and soon, I will be able to style these to make them appear better on my OS.
