[Static Pages - Design Implementation] Implement new design for About Us & Contact Pages

[ri0nardo]

When the page gets update, update the Page SEO About Us - Water the Trees Contact Us - Water the Trees

Add donation section Add contributors to the project Add data totals, add amount of users.

For data total, needs to be updated and connected to the backend to get the true number of data points. Move data total to data page.

[jhhornn]

Hello, pls could you elaborate more on the project. I'd love to contribute to this

[hoyeen01]

Hello It's my first time contributing to an open source project and I'd really love to contribute to this.

[ri0nardo]

Started the Contact and About Pages. Going to add a background graphic behind both pages.

[ri0nardo]

Update: The bottom footer has been updated to include the license and privacy policy links

Note: About Page has been updated with the correct summary of vision, mission, and project goals. See Figma for the latest updates

Enhanced About and Contact Page. Will need to be adaptable to mobile devices. Give a small margin for mobile around 4px-8px. Keep it all vertical.

For Footer Info see Community Page for the component. On footer to have all links to other pages. Have links directly link to correct location.

• Slack Link: https://slack.com/get-started?sig=zt-ouzg0084-34S7_J9UZlcJSe9%7EqV7jbQ&invite_id=I01TW5GHLLC&redir=%2Fshare%2Fzt-ouzg0084-34S7_J9UZlcJSe9%7EqV7jbQ#/sharedinvite
• Email Link: info@waterthetrees.com
• Figma Link: https://www.figma.com/file/5C3v1LUNwMPQy9JOgnKEtr/Water-the-Trees
• Github Link: https://github.com/waterthetrees
• Code for San Francisco Link: https://www.codeforsanfrancisco.org/
• Onboarding Link: https://docs.google.com/document/d/1L5Hc8_K_NhVhAejdE05C_Y__CgqeBWFrFYFoNqBSBbQ/edit
• Community Section to Link to Community Page: To be built

[vernfongchao]

@zoobot @ri0nardo @jazhen @44thm0820 @Tijani-zainab , how do you'll feel about adding portraits of us after "Who we are" summary with our names and roles in this project and everyone else that contributes?

[ri0nardo]

@vernfongchao it would be difficult to add all contributors from the beginning. As an opensource project anyone and everyone could be added. Could take a long time just looking for everyone who has contributed.

[ri0nardo]

redesigned the about page. currently using a filler image. @zoobot do you have any picture we can use for the about page? The previous design was lacking a wow factor to me.

[ri0nardo]

redesigned the contact page.

[zoobot]

@ri0nardo Are you interested in making a cartoon version of those pictures, similar to the logo? I love your cartoons.

I tried making some images with openai for this but the people look creepy. I spun up a google colab of dallemini to attempt a better image or we can take a picture ourselves.

What do you want in the picture?

[ri0nardo]

@zoobot I would be willing to make a cartoon graphic for the static pages. I would want to do that later since it will halt me from designing other screens. So would backlog designing a graphic.

Regarding the image, I am just looking for an image that relates to the Water the Trees. For example, a person taking a picture of a tree with their phone, planting a tree, watering a tree, people planting trees together. Anything of that sorts, would be nice if we had people meet up and plant trees and getting that documented to add to the site.

[zoobot]

@ri0nardo What size should these images be? Thanks

[vernfongchao]

@ri0nardo looks good, ill get started on this as soon as I can. Do you happen to have the links to the current images you are using? Ill just use those as place holders for now.

[ri0nardo]

@ri0nardo What size should these images be? Thanks

@zoobot any landscape high quality image. Doesnt have to fit any specific size since we can crop or contain the image.

[ri0nardo]

@ri0nardo looks good, ill get started on this as soon as I can. Do you happen to have the links to the current images you are using? Ill just use those as place holders for now.

@vernfongchao no images at the moment. will look into it soon

[ri0nardo]

added the new images to the about and contact page.

attaching the files here

[ri0nardo]

@vernfongchao one thing I want to add is a link to the github on the about us page. The spacing is all the same, but the page gets slightly larger (I made the page 24px larger). I know you aren't going to work on this till the meeting you set, but wanted to bring this up.