Updated ReadMe to make it more descriptive and deployed my WebOS onto Vercel.
Ship
I added a top bar for each window and made them movable (I searched on Google for how to make the drag symbol and symbols for the app icons). I also added a close and resize button. I also added another window to change the background (three backgrounds total). I changed the content of the first window as well to make it more personalized.
I tried making the window movable, but for some reason it is not working, I am currently in the process of debugging.
I transferred the JavaScript code into its own file, and encountered an error with the time again. It turned out to be because I wrote “scr” instead of “src”. After that I started writing additional code in that script.js to make the windows movable, but its not working right now. I will work on fixing that next time.
I got the time DIV to update on its own because last time I had to write the time and it wouldn’t change. I also improved the spacing between the flex DIVs. I also added a blur as the background instead of a solid white background.
Added another DIV for the time and added a desktop background.
I added a double line border and rounded the corners. I also set the position of the div and added style to the div. I set the top and left positions, translated it, added padding, added a border, and changed the width.
Rounded the corners of the image and played around with the fonts and colours. I had a few syntax errors with the quotation marks that I had to fix. Added more to the style tags in the headers 1 & 2 and first paragraph.
I learned how to add different colors and add different styles such as margins, background colors, text colors, text fonts, etc.
Created the project on GitHub and learned basic coding in HTML. Created an outline and added an image.
