OmarOS

Massive update for OmarOS! I completely overhauled the UI across all mini-apps with modern rounded edges, crisp window icons, and smooth fullscreen + minimize button animations so windows glide fluidly instead of just snapping. I also added a “Save as PNG” export button to the pixel art app so you can download drawings straight to your device, built a custom wallpaper upload feature using FileReader and localStorage so your background sticks around across page reloads, added a full File Explorer mini-app to browse through “My Projects”, and coded a brand-new Decision Wheel random decision maker app with custom option tags and an animated spinning loop. (Took a ton of debugging to get the layouts and animations behaving properly, but it looks so clean now!)

I added a new terminal app which has 9 commands (use -help to see them), this took me pretty long cuz I ran into a lot of errors, also changed the background cuz it looks better like this

I fixed the canvas grid cuz the lines were kinda rectangular and not square, I added a save button and a saved projects dropdown (using localStorage), also made the “clear canvas” text just “clear” because it was too long and went out of bounds (Spent some very long time to adjust the 4 buttons to be aligned like for example the whole pixel art tab was taking up the whole screen at one point just because I made the width from 540px to 600px, almost ragequit lol)

I am now about like 95% done with the pixel art, I added the canvas grid, clear canvas + eraser button, I’m just gonna fix a bit of spacing between the color picker, eraser and clear canvas and then we should be good for the pixel arts tab

I’m now working on a new mini-app which is gonna be a pixel art canvas, I currently just added the icon, changed the color and border type, gonna make the actual pixel canvas soon

I fixed the border because before that I could just drag the button out and I would need to refresh the page to move it, so now I added a border. I used the “moveElement” function to constantly check the window’s position against the screen’s size and lock it to the edges if it tries to slide out of bounds

I added a close button + a reopen button which is the OmarOS on the left hand side, I’m also gonna work soon on doing a barrier as for example if I drag the box to the bottom I gotta refresh the page to reset it as the button doesn’t work

I added a little bar on top where you can drag the page only in that bar, if you try to drag it from the middle or something it won’t work, I’m now working on the opening + closing tabs button

I’ve added a profile picture with a border around it, I also added a background, centered the border, and made sure that the background of the border is white so that it doesn’t fit with the background

I am trying to make my own WebOS, for now I’ve made just the base, I also added a pretty cool border and real time that updates every second, and last but not least, I added my github + linkedin account