MWebOS

Finished the WebOS 1 mission!

The Work So Far:
Changed the border color of each window slightly just to add some variation. Made the color-changing of the buttons ease so it appears smoother. Made a new calculator window. Doesn’t do calculus unfortunately, but multiplication, division, addition, and subtraction operations can be carried out. It was my first time trying out <form></form>, so it was a nice experience. Nothing much else to say, I want to do most of my changes under the WebOS 2 mission.

Next Course of Action:
I want to add a new window. I want to add more functionality to the calculator (so it could maybe do calculus/trig). I want to add tabs on the notes page so you can swap between a different note. I want to make my UI more pleasing to the eye. Not much else.

Notes:
I keep forgetting that people may not have monitors, so when I move my tab over to my laptop screen I tweak a little bit because everything is thrown off visually…To combat this I’m trying out height: clamp and width: clamp so everything should be fine there (I hope so).

Coding isn’t that bad actually (some of the time)!

The Work So Far:
A task bar has been created with 2 buttons (more soon) that open their respective windows (hovering over the buttons shows you what each one is for). The buttons change color when their windows are active. Clicking the button again while its active closes the window (the ‘X’ button is still there). There is now a notes window. The user can type in whatever they want, however there is a limit (using maxLength) so the text doesn’t spill out of the window. Copy and pasting text into the window is also limited. The text entered into the notes window is saved (using localStorage) so you can go back to it after closing the tab. The window also grows as more text is inputted, may alter the values slightly. Altered my code for open/close/toggle window functions for clarity.

Next Course of Action:
Adding more windows! I have no idea what windows I should add, maybe a game, music player, calculator. I’ll have to see what’s in my skill range. I want to make the OS more aesthetically pleasing. I’ll probably add some smooth animations or something.

Notes:
Debugging is actually kind of fun when you can easily fix an issue. One of my first ones was that the text in my top bar (MOs and the current time) were centered vertically on my monitor but not my laptop screen, so it was an easy fix (align items: center;). Debugging sucks otherwise..

Coding sucks.

The Work So Far:
I’ve added a top bar that displays the name of the OS (MOs) and the current date and time. I plan on changing this in the future, I just wanted to get a base down. My first window is finally functional. It’s a simple “Welcome” where I talk a bit about myself and I’ll link some other stuff there soon. There is an “X” button to close it, to reopen it, you click MOs in the top bar (definitely changing). I’ll most likely add a taskbar to take over the job of opening my windows. Not much else to say because it took me so long to do this little bit.

Notes:
It took me forever to fix the issue where my open and close buttons wouldn’t work. The script from the mission guide was crashing so I had to alter it to make it work.