My very own WebOS

I further worked on the terminal. Today i have added two things:

1. The way the input and output is given in the terminal. Its very close to a standart terminal and acts like it.
2. The cursor bar. I have added a distinct function masking the normal cursor bar with a terminal style cursor bar that works so nice.

also for now the output of the commands(for now just text) is the input itself but in the next session im going to add official commands and a /help too :)

Today I made the terminal window. As usual it will has all the characteristics of the notes window and also I tried to replicate a terminal design as much as possible.

For now the terminal doesn’t work and it just gives the same output as what we type but ill work on that. But I this this was a good front end work.

These are the things i have done in this session:

1. I created a terminal icon and gave it the same charecteristics as the notes icon.

2. I added a reset button which makes the app icons go back to their previous place and this clears the local storage too.

3. I significantly upgraded the dragging system and tbh i spent a really long time for this so please check this out. The icon won’t overlap now and also i gave them real desktop like behaviour.

4. I also added desktop boundaries so that the icons dont go off screen.

I have made the Icon movable like an actual icon on a desktop. Also added a grid so that the icon snapped to a place like again a normal desktop.

Also i have added local storage for this icon position so when you change the position of the icon and reload the website the icon will stay at the place you left it. I though it was cool.

also for the people who find the boot screen appearing every time you can just change the dev mode true in Script.js and it’ll be bypassed. I planned a solution for this so stay tuned :)

I have made a lot of changes and forgot to make devlogs. I made a beautiful booting screen and also a beautiful intro screen. I also added a notes app which saves automatically.

I’m working on a os on a web as part of a mission in stardance. I have so far just added some introduction about myself and added a little time and date indicator on the top right. And yeah its Breaking Bad themed so stay tuned i have some good ideas to implement.