Will's Personal Site!
- 4 Devlogs
- 3 Total hours
Shows information about me and has some cool css!
Shows information about me and has some cool css!
I think I’m done! In this last devlog, I animated the clouds and they now float up and down by 10px. The clouds are also now bigger. More text was boldened and I added some padding around the hobbies div. Also, this div I made an inline block so it doesn’t take up the whole screen and only uses the space it needs. Under coding, I added the HTML logo as well as the CSS logo which joins the JS logo. The NAV bar isn’t as ugly so the blue links have gone and they’re black now. Each item has gotten its own class so they’re now individually animated when you hover on them. Finally, the Hackclub link didn’t work so i added ‘https://’ before it and it works now. I’m ready to ship!!
Nearly there! Done a lot since the last devlog including… Changed the class from ‘esp32’ to ‘hobby-pics’ so that effects would apply to all new images with that class. Added a navbar that takes you to that section (I put sections in for each hobby within the div) and it smooth scrolls you using scroll-behavior: smooth. Then I boldened some text and changed ‘stormworks’ in the gaming section to ‘scrap mechanic’. Also added some clouds at the top which have their own class too. Nearly done but I wanna experiment with animations before shipping.
In this devlog, I decided to pause with adding main elements and started doing some nitty gritty fun stuff with CSS. I made the ‘My Hobbies’ part a DIV so i could change the background colour, add an outline and rounded edges. I also added my first image, an ESP32 which grows slightly and rotates with a transition to make it smooth when you hover! (very cool i know)
Started the Website!! The zoom workshop really helped me pick html and css back up as i’d learnt a bit a few years ago.(thanks @jenin!) In this first devlog, i’ve added a title, and some of my hobbies with a description. I want to get some images in that hopefully move if possible by next devlog!