4h 26m 45s logged
The Header has been turned into a dock! I tried to reuse my existing code to open apps, but I couldn’t get it to work, so I had to end up redoing it twice. I also added some JS so that when you click on an open window it is put into focus.
This is what the dynamic background is looking like so far, hopefully I can improve it more.
Next I plan on adding some more apps, possibly including a terminal and a file explorer.
3h 9m 50s logged
chicagOS Devlog 10-
Dynamic wallpaper is done! (kinda) I’ve been having issues trying to use images that have the background removed, so if anyone knows how that works, please lmk!
I created a settings app to choose between the classic wallpaper (non-animated) and the dynamic wallpaper (many animated parts). The dynamic wallpaper will probably change once I can figure out the images I’m using.
Next up, I am planning on turning the header into a dock! I will probably move the quotes to a widget.
3h 34m 52s logged
chicagOS Devlog 9-
The Mind Map app is finally working! all of the nodes are draggable, and you can zoom in and out. Turns out the issue was that new nodes coordinates were being calculated from the root node instead of their parent node, so the line drawing function couldn’t find the new nodes.
Also, I expanded the notes app! Before you could not save notes, but now you can! I added a side bar to display the saved notes, and also added the ability to remove saved notes.
Next I plan to make some more UI improvements, maybe even a dynamic background?
3h 18m 32s logged
chicagOS Devlog #8 - Browser app is completed! I used i-frame to display the browser window. The search bar takes web addresses, and if what is entered is not a valid web address, it automatically inputs it as a Google search prompt instead. I also added some bookmarked web pages, and forward and backward buttons that work by storing the web history. Next, I want to add more functionality to the notes app, including the ability to save and delete notes.
4h 1m 13s logged
The Paint app is mostly done! I added functionality to the save and load paintings button. I also updated the UI of the toolbar. I created the UI for the browser app, which currently doesn’t have any functionality. I plan to use an iframe to display webpages and also provide some bookmarked websites.
5h 9m 16s logged
A lot of progress has been made! I’ve been waiting for my ship to be approved for WebOS1, which it just was! Yay! But in the last 4 days, I have made a lot of changes, so prepare yourselves.
#1 - The UI has had major improvements! I went down the W3Schools rabbit hole and added a bunch of things to make the UI look cleaner, including the first animated element of the UI!
#2- Paint app! - I added the paint app, and it currently has pretty basic functionality. You can draw, change colors, change brush size, erase, and clear the canvas. I plan to add a save feature soon. (The button currently doesn’t do anything.)
#3- I WILL FIGURE OUT THIS MIND MAP APP! I fixed a few things, but some things still aren’t working. Currently, lines don’t get drawn past the root node, and I think it has something to do with the ID hierarchy? We will see.
#4- I added a feature of the desktop header that rotates through quotes about Chicago! It has the same animated background as the welcome window.
That’s it for now; hopefully I can continue to improve the UI and the paint app!
This is the Chicago-themed web OS I made for the WebOS 1 mission. I learned a lot about JS, HTML, and CSS. I have some experience with JS and HTML, but it is my first time using non-inline CSS, which has been fun. I had a great time designing the website and creating all of the features and apps. Some challenges included dealing with importing images, which took a very long time, and making certain UI elements look good.
31m 20s logged
chicagOS Devlog #5- Getting ready to complete the guide for WebOS 1! I cleaned up a few things with the UI, and I have decided that the Mind Map app will not be included in this first ship :( But trust, when I get smarter it will be coming back!
@isadora_M
on
Planter Dividers
Planter Dividers Ship! -
This was a relatively quick project I built to solve a real-life problem I have. I have planters that are nailed into the top of my 6' fence. This makes watering the plants very difficult without giving everyone on the sidewalk an involuntary shower. My solution was to create inserts for the planter bed that can be easily removed to make watering easier, along with allowing for rearranging.
The project includes full and half size inserts, with full and half size aeration trays. Both sizes are identical except for the width, and all feature water drainage holes and grooves.
Dealing with the usual challenges of Onshape constraints and dimensions was a joy as always, but eventually I used a system of midpoint lines to create a scalable grid for water drainage holes.
@isadora_M
on
Planter Dividers
1h 10m 59s logged
Planter Dividers Devlog #2- I have added the half size version! I updated the full size to use a grid created by lines and midpoints for the water drainage holes, so that if it is resized, the water hole grid will not be messed up. I also created a half and full size aeration tray for plants that need more water drainage. I used a similar method for creating the grid, so creating the half size was as easy as changing the dimensions of the original sketch and deleting half of the squares. This project is pretty much done and I have printed some demos using PLA.
3h 4m 34s logged
chicagOS devlog #4-
Not that much progress recently! Turns out working with images is very frustrating.
I created the gallery app, which had its surprising challenges. I figured that the JS logic for cycling between the photos and looping back to the first image would be easy, but I was severely mistaken. I spent at least an hours trying to stop the images from taking up the whole window, repeating, stretching, somehow being mirrored, just about every issue you can imagine. All of these had very simple fixes, but I couldn’t figure out what I should put in the CSS file, and which needed to be in-line (spoiler alert- pretty much none of it). But either way, the images act like normal images now! Yay! More functionality in the notes app is what I have planned next.
3h 23m 37s logged
chicagOS devlog #3 - Alright so I have changed a few things recently. #1 - I rethemed the whole OS, but later I might add a way to choose a theme in a setting app? idk I haven’t decided yet. // #2, I started working on the Mind Map App, but I quickly realized that its actually more complicated than I originally thought, and since I’m not that good at this I decided that I will come back to that app later. // #3 I made a calculator app, which is fully functioning and (as far as i’m aware) doesn’t have any bugs. // #4 I finished the notes app, but I might add more functionality later. // Thats it in terms of new features, my future plans include possibly some sort of settings app, finishing the Mind Map App, and I would like to add some sort of photo gallery app, which is what I plan to work on next.
2h 16m 6s logged
chicagOS log 2 - I have since added the actual window for the notes app, and basic functionality including adding notes and writing in them. I plan to add a save feature, and the ability to have multiple notes open at the same time. While working through the guide, it told me to make a “mind map” using paper for brainstorming. I thought about how I didn’t want to get up to grab a piece of paper, and I knew what my next app would be: a Mind Map app! now I will never have to get up again.
I haven’t added any functionality to this app yet, but it should be relatively simple. (currently the app icons are placeholders from google, I promise they will be better eventually!)
1h 15m 28s logged
The basics of the webOS are done! It is Chicago themed, and all the apps will be useful to someone who lives/is visiting Chicago. I actually sent more time on this project but I couldn’t figure out hackatime :( Regardless, I finished the background, top bar, and welcome screen that is draggable and able to be opened and closed. I plan to work on the first app soon, which will likely be a notes type app.
@isadora_M
on
Planter Dividers
49m 30s logged
Started working on the base parts for the modular planter dividers! The idea is that eventually it will be a modular system with different types of inserts for built-in planter bases. Currently built the basic insert, but I plan to add different sizes and sliders to make insertion/removal easier!
.png)
.png)