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

WebOS Air

By @Charlie_Coder

  • 9 Devlogs
  • 4 Total hours

An web-based operating system built using the guide to assist that is designed for those with an interest in aviation :)

Source
Ship #2

@Charlie_Coder on WebOS Air

I have made a WebOS for those who have an interest in aviation. I am going to continue to add more features, but so far there is the following:
- Welcome Screen
- Cool aircraft background
- Aviation Photos
- Notepad that saves to localstorage
- Weather
- Aviation Facts
- Iframe to flight tracking map
- Flight tracker uses lazy loading
- Moveable and close-able windows that change the one on top to most recently accessed
- Settings page with 12/24 hour time
I have made this project as a part of missions WebOS 1 and WebOS 2. I hope you like this, and feel free to use this OS yourself for aviation-based needs!

  • 4 devlogs
  • 1h
  • 4.46x multiplier
  • 6 Stardust
  • WebOS 2
Try project → See source code →
Open comments for this post

@Charlie_Coder on WebOS Air

23m 4s logged

I got a flight tracking map going!

I found a free flight map service that provides iframe code straight for sites, so I have used that for this step. I am going to do some more touchups, and then I will be ready to ship!

0
0
5
Open comments for this post

@Charlie_Coder on WebOS Air

19m 1s logged

I got the settings page working!

I have plans to add more settings (possibly), but I am just happy to have a 12 hour vs 24 hour toggle working. I am not very good with JavaScript, so I am proud of this.

0
0
8
Ship #1

@Charlie_Coder on WebOS Air

I have made an WebOS for those who have an interest in aviation. I am going to continue to add more features, but so far there is the following:
- Welcome Screen
- Cool background
- Aviation Photos
- Notepad that saves to localstorage
- Aviation Facts
- Moveable and close-able windows that change the one on top to most recently accessed
I am really proud of all of this, especially when I managed to get my first window to work. I went with the guide a lot of the way, but made my own changes and additions.

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

@Charlie_Coder on WebOS Air

50m 46s logged

I have added a lot more, including photos, facts, a notepad that saves to local storage, and windows layering on top. I am very proud and am ready to ship!

0
0
1
Open comments for this post

@Charlie_Coder on WebOS Air

1h 3m 57s logged

Time added, and the window can now be closed and opened using the bar at the bottom, and the red button on the window. It can be dragged around the screen using the handle bar at the top of the window.

0
0
1
Open comments for this post

@Charlie_Coder on WebOS Air

23m 52s logged

I’m actually really proud of this. I have got the top bar started, changed some styling and adjusted some stuff behind the scenes (and as per the guide) to help ensure everything will work still as I add more to the operating system.

0
0
2
Open comments for this post

@Charlie_Coder on WebOS Air

21m 53s logged

I started the guide, and made the site so you can’t scroll when the background isn’t just right. The background I found doesn’t require attribution. I also made the tag for the welcome 50% opaque.

0
0
2

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…