My very own WebOS
- 3 Devlogs
- 6 Total hours
This is my very own OS that can be run in the web!
Ship #1
Changes requested
Hi guys this is devlog # 3 of eternia OS.
Added timezone-aware clock synchronization for taskbar and desktop widget
Added desktop icon drag-and-drop reordering and dock organization
Added persistent local Storage settings for theme, layout, and clock configuration
Added a full Settings app for theme, clock, sound, and display preferences
Overview
EterniaOS is a browser-based desktop experience built with vanilla HTML, CSS, and JavaScript. It presents a polished futuristic OS shell inspired by a He-Man film aesthetic, with draggable windows, a dock, desktop launchers, and multiple mini-apps.
The latest version includes a new Settings application, persistent visual preferences, interactive timezone-aware clock behavior, desktop icon reordering, and a live draggable clock widget.
Included Mini-Apps & Features
app.js / index.html: Core OS shell, window management, and desktop environment framework.
calculator.js: Fully functional calculator utility application.
clock.js: Timezone-aware clock sync and interactive desktop widget.
gallery.js: Media and image gallery application.
game.js: Interactive mini-game module.
monitor.js: System performance and resource monitor.
music.js: Built-in audio player and sound manager.
notepad.js: Text editing utility for quick notes.
tasks.js: Task manager and productivity tracker.
terminal.js: Command-line interface simulator.
theme.js / style.css: Futuristic He-Man film aesthetic styling with persistent theme support.
Getting Started
Clone or open the project repository in your preferred environment (e.g., GitHub Codespaces).
Open index.html in a modern web browser or serve it using a local development server.
Or Visit https://5riniva5.github.io/EterniaOS/
Interact with the desktop environment, launch mini-apps from the dock or desktop, and customize your preferences via the Settings app.
⚡ EterniaOS Devlog: Milestone Update
Core & Architecture: Structured modular application components (app.js alongside individual tools like calculator.js, notepad.js, terminal.js, and theme.js) with responsive workspace layouts and automated GitHub Pages deployments.
Aesthetics & Themes: Implemented a dark neon glassmorphism aesthetic inspired by the 2026 He-Man film, complete with a real-time Theme Customizer (theme.js) for switching between Grayskull Blue, Eternia Green, Sorcerer Purple, and Magma Red accent matrices.
Apps & Utilities: Built fully functional desktop modules including a Jukebox, Quest Log, Scientific Calculator, Notepad, Cyberpunk Arcade Snake, Image Gallery, System Monitor, and OP Terminal.
Boot Polish: Added an immersive Power of Grayskull startup overlay with an animated Power Sword strike and a click-to-dismiss safety fallback to ensure smooth workspace loading.
Welcome to the first post of EterniaOS! I am thrilled to finally introduce EterniaOS, a polished, web-based desktop experience inspired by the 2026 He-Man film. So far, I have been focusing on the core aesthetic and functionality, including my signature “Power of Grayskull” feature, which allows users to energize open windows with a mystic neon pulse. I am incredibly excited to continue building out the system’s interface, themes, and fun, He-Man-themed applications. Stay tuned for more updates!
