this is a proof of concept school project.
I try to prove if I can get a website as close to a real OS
- collecting example images
- setting up TailwindCSS
- Styling the dock and background
- Setting up JS Observable
- Adding Dock icons
- styling the labels
- making it work in JS
- adding context menu
- making context and hover act natural together in JS
- accepting that it can not be 100% perfect :(
- adding the opening of apps animation
- thinking about how an app eco system would work.
- separating OS from apps
- removing style classes in HTML to make JS manipulation easier
- collecting extra design data for individual apps
- thinking out responsive to iOS
- focusing on app functionality on macOS
- styled default windows for reuse
- writing temporary HTML and apply CSS to later load when app is activated.
- loading html and JS when the app is being activated
- making presentation to show to teacher
- made close button work
- trying to connect the window off the app to the app in the dock