pi - web os - Stardance

Ship #1

@NotSuspiciousProgrammer on pi - web os · about 7 hours ago

I made a pi-themed “operating system” that can run in a web browser! The hardest part for me was making the windows draggable, since I ran into some bugs even while following the guide. Thanks to some clarification in a W3Schools article, I managed to fix those bugs. I have some features in this OS that the guide doesn’t list, one which is the app that plays music. The other is the helpful text at the bottom of the screen (telling you where the apps can be opened!) that disappears when an app is opened.

I enjoyed making this pi-themed “operating system”. I hope you enjoy exploring it!

3 devlogs
3h
WebOS 1

Try project → See source code →

Open comments for this post

@NotSuspiciousProgrammer on pi - web os · about 7 hours ago

50m 14s logged

I added the content to my three applications! Now, there’s an app with stuff about pi, an app featuring my other coding projects, and a section to play popular classical piano pieces.

Open comments for this post

@NotSuspiciousProgrammer on pi - web os · about 8 hours ago

1h 32m 56s logged

I added more CSS styles and customization. I also made the “windows” draggable with JavaScript, and I added buttons to open and close the app placeholders. Next I’ll be adding things to the apps themselves!

Open comments for this post

@NotSuspiciousProgrammer on pi - web os · about 10 hours ago

19m 30s logged

Added core code for my pi-themed web OS! I created a blue color palette for the CSS, added placeholder tags for what shall soon become the OS apps, and implemented a pi-themed background.