Web OS Portfolio

I finally added a game to this project.

• Wolfenstein 3D was added
• Base of settings and projects are being contructed.

Changelog

• Implemented proper window managment [Active windows vs sleep windows] using z index and styling.

Changes I made so far :

• I added a crt filter to the whole website.
• Tried to add a bezel image but it didn’t work.

Changes made so far

• Implemented start menu
• Fixed resume taskbar and old data in resume bug.
• Changes portfolio images to 8-bit color.

Next to do :

• Implement CRT styling.

Changes made so far

• Added a window and a icon to download a resume. It has a progress bar to show downloading progress.
• Added proper window management with proper z-index management and active and inactive window styles.
• Error on wrong password and login with error sound.
• Fixed icon dragging and weird issues of icons auto moving.

Changes made so far -

• Added login flow to the application.
• Implemented original boot up sound.
• Added draggable icons
  Next to do :
  Add downloadable resume with progress bar.

Changelog

• Add taskbar sound icon PNG file, created the login card, added boundary detection for card, add window to taskbar and minimize, maximize and close functionaliy.

I finished creating the login window. Now, all I have to do is to create a login page and it should redirect the user to the desktop.

Changes made so far -

• I created the minimize, close and maximize buttons.
• Added the window the taskbar.
• Implemented maximize, minimize and close functionality.
• Fixed weird window border issues

I created draggable windows following the instructions from the webOS jam on hackclub.
https://jams.hackclub.com/batch/webOS/part-3

I also added created a window about me and and my links.

I added selection style when clicking on the desktop icons and added the audio image in the system tray.

NEXT TO-DO

• Create a window
• Create a Login Page
• Create a about me window as the first window

I started on my WebOS portfolio. I decided to emulate the look and feel of Windows 95. So, I spent a long time collecting icons and perfecting the icons.

I got the icons from here: https://web.archive.org/web/20260312191901/https://win98icons.alexmeub.com/

So, far it resembles the desktop of Windows 95.

I used this as reference:
https://betawiki.net/wiki/File:Windows95-RTM-Desktop.png

I used the dayJS module for time, I used the font VT323 from google fonts.