Welcome!

Hi, I'm Pi, and this is my WebOS app, made with pure HTML, CSS, and JS. You can learn more about this project in the About This Project window.

To navigate to other windows, find the Open option in the top menu and choose which to open. Alternatively, some links like this one will also open a window.

You can resize these windows by dragging the bottom left corner. Try it!

Close the window with the x in the top right corner of the window menu bar.

About This Project

This project is a WebOS, albeit not a very good one. This was made for a mission as part of the Stardance program. The mission follows a guide to creating your own WebOS, but this has been heavily customized and has many features in addition to the base tutorial.

No AI was used to generate any code or text. AI was used to help debug and research.

Features

Moveable, resizable, closable windows
Window positions save on reload
Correct Z ordering after opening a page
Double click menu bar to fullscreen window
Window cannot leave desktop
Window snaps back into frame
Multiple Apps
- Text Documents (like this one!)
- (Mostly) Functional Browser
Menu bar
Page Selector
Fullscreen OS
Browser/OS detection
Links that open windows in the OS

Planned Features

Keyboard Shortcuts
Draggable files on desktop
Light/dark mode/themes
Customizable wallpaper
Calculator App
Stopwatch App

Explore more windows from the open menu!

Credits

This is a project for the Hackclub Stardance event.