maryOS

window opens!

this took way longer than i want to admit lol, i asked claude to help me debug because i had structured my code a bit weirdly. after a LOT of trial and error, the little app button on the bottom opens up the welcome app! i have learned about data-targets through the debugging progress, which is kinda like a different type of id? im still not 100% how it works, but im getting there!

draggable window!

made it so you can drag the window
also tried stylizing it a bit more, which took longer than expected lol since my css wasn’t behaving, sometimes the handle overflowed or didn’t take enough space, but i figured it out :)
im pretty content on how this is looking so far, excited to see where this goes!

stylizing web os!

gave it a background and also made a window!

it was hard to decide on what theme it should be, but i decided to make it a bluish purplish vibe since those are my top two fav colors, and i think they look nice together.

i was confused about flex, but the froggy flex game listed on the guide helped me a lot! im getting the hang of it now :)

starting a web os!

decided to pick up on the web os mission… seems pretty fun!
i was following the guide, but disliked how they put all of the style things into one div line, so i just made a style.css file so it could be a bit more organized.
so far, it’s going pretty smoothly!