Drenched Used AI

YES IT'S DONE!! FINALLY, after adding the last sections, and polishing the content of the your impact page more, we are done, now, let me ship the project, i asked gpt for recommendations to add emojis in

Added multiple sections, copied styles so it want very tough, but alas to avoid monotonous tone, i had kinda had to tweak with the css a lot, but it's ok, it's alr, i'll add more, stay tuned.

part of the 7 hour devlog) next i created a your impact page for the navbar button that had been there till the highs and lows of our journey with the broken code.(yes my sense of humour is as broken as my code), but together with the power of friendship we shall persist(credits: tommyinit), here's the picture, and the 7 hour phase is coming to the end, next devlog shall be including documentations, readmes and final touches!

next i added another section with a water usage calculator, and please as much as it looks like i did this in 5 mins, i did it over the 7 hours devlog, i forgot to log the time cuz of my broken code, and now am compensating, created a script.js for the calculator logic, and designed the html and styles with css

Next devlog, part of the previous one (7hours)

i added 5 new section which took me like an hour for styling and such, css does gets long!

planning to make a water calculator next!

Am sorry for the lost devlogs, i spent so much time on fixing broken code, that i lost count of my hours, but i'd give a detailed info on what i have done in the 7 hours!

            first) I noticed that my projec's ui was close to that of climate iq (my other shipped project) and i did not want it to be similar in any way, so off i went, i searched some uis on a website that has cool ui's of many websites, and selected a professional polished ui (shoutout to apple ), instead of going up with the trendy cartoonish look

so deleted and modified code, my formatting of the divs were extremely messy and i had to split code everytime, or else i would forget my class names (apple, bananass, monkey) yeah ik i should have named them a little more precisely, but hey where's the fun then!

So that's where it took a little time, i was also busy with twist, grup and hackmate, so sorry for the delay!

                   i'll give you guys the lost devlog in the next one

                the formatting's off in Som so i'll js add spaces(a lot of it)

i hope it works

Changed the name of the project from DropCount to Drenched as it sounds way cooler this way, changed the navbar to dynamic, and added 2 new sections, started working on the calculator(js) that will help the users calculate their water use, ran into broken css code this afternoon, so sat down to fix it, wrote the readme, so that's like 15 mins, but yeah, that's about it.

It does not allow me to upload more than one photo, and video seem to breakdown, so yeah ig we are stuck with one section photo at a time.

Can't rush greatness huh? haha lets goo!!

Added new sections, mess up with colors, going with apple like classylook, not white bg as sm text are not quite visible that way, so went with gray, tweaked the texts color, stopped using ids and figcaption(yes it took sm time, but i learned from freecodecamp) and went with div, i get quite confused with # and . selctors, but i manage at the end of the day... Have a look at the photos of the new sections i made, (not so real data, js sm clever maths), (it does not allow me to post more than 1 photos, so next photo in another devlog)

changed the ui code, shifting my focus to the ui as it's a static site, found some cool colors on colorpallete, created a basic frontend with some ideas from my previous project climate iq, searched some apis to find accurate water usage data but was unable to find a completely free one....but yeah, in terms of coding, i coded it in js index.html and masters.css

setted up the file strucutre, collected some mock data, created a template website andd found some cool water photos(yes they exist haha), created the ui....