I created the main display of the website, which includes: -The title -The timer -The input for setting the time -Three buttons (for establishing the time, for start, for stop and for reset the timer). The hardest thing was to make a functional timer which you can set as you like. This part of Java Script is new for me, so I used the awesome Internet to help me understand how to do some stuff. My goal is that when the user starts the timer, a rocket launches and while the timer is on, the rocket is flying over the screen. I choose these theme for the timer because I like rockets and all this stuff but it could be a lot of things.
I create an app for the web which is a calculator. I called it “Catculator” :3. It’s my first time doing a calculator because I’m new doing this and from my point of view it was easier than I thought to do it. I thought the Java Script part was going to be harder but I was wrong. I’m very happy with this little project inside the real web. Pd: I spent more than 27min working on this but the extension of hackatime was disconnected from Vscode :(
I started this project reading the guide of the mission because there are some stuff I didn’t know how to do it. Right now I just created the main screen of my WebOS and the sample for the apps. All the windows are functional thanks to the guide and instructions of the mission. My idea is to create a web inspired on cat’s stuff, like photos, games or other sections. I’m gonna use this mission to learn how to drag windows for example and create new stuff for me.
Ship
I added a section with a few opinions (fake) of the company and its products. Doing this I used the blockquote, learning how to use it. I also add the footer with the typical stuff it has.
I just added a section for the green actions of the company. It includes some goals and stuff company have done. The cards have the same code than the other products.
I created another section which is called “About Pear”. It contains the most important info about the company.
I just created some code so that when someone do click on both products and innovation cards they open to fill most of the screen, allowing the user to see better them.
I added a menu to go faster through the website (it has a hover) an I also used a little bit of Java Script so when you do click on the main title, it directs you to the “News” section.
I have added to my website the following sections: New, Products (the pear ecosystem), a carrousel which contains more products ( have to correct it), Innovation and The Headquarters of Pear. I’ll continue adding sections to my website. Any ideas?
