WebOs - Stardance

Ship #1

@lima6 on WebOs · 20 days ago

WebOS
A lightweight, interactive and simplistic web operating system environment built entirely with vanilla HTML, CSS, and JavaScript. This project simulates a desktop interface featuring draggable windows, dynamic theme personalisation and an expandable photos app.

Key Features:
Window Management: Fully draggable application windows with boundary clamping to prevent windows from escaping the viewport bounds. Features a dynamic layering system that moves active windows to the front on click.
Customisation: 9 distinct selectable accent themes, as well as live-updating text input that modifies the operating system branding in the taskbar.
Dark Mode: A unified dark mode toggle that dynamically applies a overlay to tint and dim active theme wallpaper backgrounds without hardcoding separate colour tables.
Photos App: Single-click preview capability within the primary photo viewer. Double-click event listener that creates separate picture windows.

I plan to expand this project by completing the Hackclub Stardance mission WebOs 2 sometime soon.

3 devlogs
16h
WebOS 1

Try project → See source code →

Open comments for this post

@lima6 on WebOs · 20 days ago

18m 35s logged

Added Settings App

Added a settings app. Features:

9 different accent themes.
An editable operating system branding in the taskbar.
Dark Mode: A dark mode toggle that applies a overlay to tint and dim active theme wallpaper backgrounds.

Open comments for this post

@lima6 on WebOs · 20 days ago

28m logged

Added two apps

Moved on from the main desktop to adding two generic apps.

About App: shows different sets of text and includes a sidebar to navigate them.

Photos App: displays images with a thumbnail sidebar. The images can be opened up into their own window by double-clicking

Open comments for this post

@lima6 on WebOs · 21 days ago

14h 59m 12s logged

Framework

I have forgotten to post devlogs, so here is my progress so far: created the main desktop with a top taskbar with a clock, as well as a welcome window which can be dragged and closed.