You are browsing as a guest. Sign up (or log in) to start making projects!

1h 25m 46s logged

I created the first working version of Om’s WebOS using separate pages. The intro page explains the porject and includes a Start WebOS button that links to the main desktop page. I also added a Back to Intro button so users can return without refreshing.

On the desktop, I created a green-to-blue gradient background, a bottom taskbar, and custom icons for the Welcome and Notes apps. I learned how to organize images inside an images folder and display them using tags. I also styled the icons with rounded corners, hover effects, and consistent sizing.

One issue I fixed was an incoorect image file extension. the HTML used .png, but the real file was a .jpg. After correcting the path, the Welcome icon loaded properly.

Next, I plan to make the Welcome and Notes icons open working application windows with close, minimize, and maximize buttons.

0
6

Comments 0

No comments yet. Be the first!