OmarOS

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