You are browsing as a guest. Sign up (or log in) to start making projects!

Anaskhon

@Anaskhon

Joined June 16th, 2026

  • 3Devlogs
  • 1Projects
  • 1Ships
  • 0Votes
Ship Changes requested

A fully functional browser-based operating system themed after Elden Ring. And the challenge was the rune system - tracking user interactions across all 6 apps and feeding that data into the Status app's live display.

Users need to just open it - there's no setup. Click the demo link, it loads instantly.

Try project → See source code →
Open comments for this post

2h 0m 4s logged

DevLog — Tarnished Edition Launch
What Changed
Completely redesigned WebOS with an Elden Ring aesthetic. Swapped out the cosmic purple gradient for a medieval gold and dark brown color scheme (#d4af37 primary, #8b4513 accents). Updated every component - window borders now have that aged parchment feel, the taskbar has a weathered gradient, and the entire palette conveys “cursed browser OS in the Lands Between” .
New Status App
Built a fully functional character sheet that displays:

Vigor / Mind / Endurance - fictional stats with progress bars
Runes Collected - live counter tracking user interactions
System Uptime - real elapsed time since OS boot
Windows Open - dynamically counts active app windows

This is the killer feature that makes Tarnished Edition unique. It turns a browser OS into a game-like experience where users can track their “progress” through the system.
Rune Economy
Implemented a rune counter that increments throughout the session:

+10 runes when opening an app
+3 runes per terminal command executed
+5 runes when opening a file
+1 rune per calculator press
+8 runes when saving in the editor
+50 bonus runes when typing nevergiveup

The counter appears in the taskbar (◊ symbol) and feeds into the Status app’s “Runes Collected” display.
Themed Apps
Renamed all apps to match Elden Ring lore:

Files -> Archive
Browser -> Mirror (grace sites instead of web pages)
Text Editor -> Quill
Terminal -> Incant
Calculator -> Compute
Settings -> Status (replaced with the new character sheet)

DevLog — Tarnished Edition Launch
What Changed
Completely redesigned WebOS with an Elden Ring aesthetic. Swapped out the cosmic purple gradient for a medieval gold and dark brown color scheme (#d4af37 primary, #8b4513 accents). Updated every component - window borders now have that aged parchment feel, the taskbar has a weathered gradient, and the entire palette conveys “cursed browser OS in the Lands Between” .
New Status App
Built a fully functional character sheet that displays:

Vigor / Mind / Endurance - fictional stats with progress bars
Runes Collected - live counter tracking user interactions
System Uptime - real elapsed time since OS boot
Windows Open - dynamically counts active app windows

This is the killer feature that makes Tarnished Edition unique. It turns a browser OS into a game-like experience where users can track their “progress” through the system.
Rune Economy
Implemented a rune counter that increments throughout the session:

+10 runes when opening an app
+3 runes per terminal command executed
+5 runes when opening a file
+1 rune per calculator press
+8 runes when saving in the editor
+50 bonus runes when typing nevergiveup

The counter appears in the taskbar (◊ symbol) and feeds into the Status app’s “Runes Collected” display.
Themed Apps
Renamed all apps to match Elden Ring lore:

Files -> Archive
Browser -> Mirror (grace sites instead of web pages)
Text Editor -> Quill
Terminal -> Incant
Calculator -> Compute
Settings -> Status (replaced with the new character sheet)

Replying to @Anaskhon

0
12
Open comments for this post

47m 35s logged

Polished the UI, fixed window focus and minimize/maximize behavior. Added a secret terminal easter egg (nevergiveup) that rickrolls you. Deployed to GitHub Pages and wrote the README.

Polished the UI, fixed window focus and minimize/maximize behavior. Added a secret terminal easter egg (nevergiveup) that rickrolls you. Deployed to GitHub Pages and wrote the README.

Replying to @Anaskhon

0
24
Open comments for this post

16m 49s logged

Devlog #1 – Building a Browser-Based OS

Today I continued developing WebOS, a browser-based operating system designed to recreate a desktop experience entirely within a web browser. My goal was to make the system feel as close as possible to a real operating system while remaining lightweight and interactive.

One of the biggest improvements was expanding the desktop environment. The window manager now supports draggable and resizable windows, allowing users to interact with applications naturally. I also implemented minimize, maximize, and close controls, along with proper window focus management so active applications always stay on top.

The application ecosystem grew significantly. WebOS now includes a Files app for navigating a virtual file system, a Browser with multiple built-in pages, a Text Editor for creating and saving documents, a Terminal with commands such as ls, pwd, date, whoami, neofetch, echo, and clear, a Calculator, and a Settings application. Integrating all of these tools into a unified desktop environment was one of the most challenging and rewarding parts of development.

To improve usability, I added a taskbar with application switching, a live clock, a Start menu, and toast notifications. These features make the operating system feel more polished and responsive. Managing multiple windows simultaneously required careful handling of focus states, window layering, and user interactions.

I also added a fun easter egg to the Terminal. Users can type the command nevergiveup, which launches a fullscreen Rick Astley video directly inside WebOS. The video opens in an overlay and can be closed using a dedicated button. Small details like this help make the project more enjoyable and give users unexpected features to discover while exploring the system.

By the end of the session, WebOS had evolved into a fully interactive browser-based desktop environment capable of multitasking across multiple applications. Future plans include expanding the virtual file system, adding more applications, improving performance, and introducing additional operating-system-inspired features.

Devlog #1 – Building a Browser-Based OS

Today I continued developing WebOS, a browser-based operating system designed to recreate a desktop experience entirely within a web browser. My goal was to make the system feel as close as possible to a real operating system while remaining lightweight and interactive.

One of the biggest improvements was expanding the desktop environment. The window manager now supports draggable and resizable windows, allowing users to interact with applications naturally. I also implemented minimize, maximize, and close controls, along with proper window focus management so active applications always stay on top.

The application ecosystem grew significantly. WebOS now includes a Files app for navigating a virtual file system, a Browser with multiple built-in pages, a Text Editor for creating and saving documents, a Terminal with commands such as ls, pwd, date, whoami, neofetch, echo, and clear, a Calculator, and a Settings application. Integrating all of these tools into a unified desktop environment was one of the most challenging and rewarding parts of development.

To improve usability, I added a taskbar with application switching, a live clock, a Start menu, and toast notifications. These features make the operating system feel more polished and responsive. Managing multiple windows simultaneously required careful handling of focus states, window layering, and user interactions.

I also added a fun easter egg to the Terminal. Users can type the command nevergiveup, which launches a fullscreen Rick Astley video directly inside WebOS. The video opens in an overlay and can be closed using a dedicated button. Small details like this help make the project more enjoyable and give users unexpected features to discover while exploring the system.

By the end of the session, WebOS had evolved into a fully interactive browser-based desktop environment capable of multitasking across multiple applications. Future plans include expanding the virtual file system, adding more applications, improving performance, and introducing additional operating-system-inspired features.

Replying to @Anaskhon

0
12

Followers

Loading…