SDG 5: Rename and replace image with correct color one

[JessicaLucindaCheng]

Dependency

• 4183

Overview

We need to replace the Sustainable Development Goals (SDG) images in our repository so that the SDG svgs are the correct color and follow the United Nations' SDG guidelines.

Details

SDG is an acronym for the United Nations Development Programme Sustainable Development Goals.

Action Items

• [x] In the assets/images/sdg directory, delete gender-equality.svg
• [x] From the HackforLA.org website drive's HackforLA.org website/SDG/SDG images folder, download the following svg: E-WEB-Goal-05.svg
• [x] Add the svg you just downloaded into the assets/images/sdg directory
• [x] Rename that svg so that it becomes sdg5.svg
• [x] In _includes/about-page/about-card-sustainability.html, update the path to the SVG you just added by changing

  <img src="/assets/images/sdg/gender-equality.svg" alt="5 Gender Equality" />

  to

  <img src="/assets/images/sdg/sdg5.svg" alt="5 Gender Equality" />

• [x] Using Docker, check the About page's Sustainability section (https://www.hackforla.org/about/#sustainability) to check that the SDG image shows up on the same spot as on the live webpage
  • Note: The size of the image may look different compared to the website. This will be addressed in issue #4229.

Merge Team, Technical Lead, or Product Manager

• [ ] Once the pull request associated with this issue is merged, go to each of the following issues and check if all the issues listed under the Dependency section are closed. If the dependencies are all closed, move those issues into the New Issue Approval column, remove the Dependency label on it, and add a ready for dev lead label to it.
  • [x] #4229

Resources/Instructions

• assets/images/sdg directory
• HackforLA.org website/SDG/SDG images
• _includes/about-page/about-card-sustainability.html
• About page's Sustainability section: https://www.hackforla.org/about/#sustainability
• This issue is tracked in #4153

  United Nations' SDG Information

• United Nations' SDG guidelines
• United Nations' SDG Communications materials
• United Nations Development Programme Sustainable Development Goals

[JessicaLucindaCheng]

Once this issue is in the New Issue Approval column, a dev lead needs to review the issue and determine if it is ready for a PM to prioritize it. If it isn't ready, a dev lead will need to edit this issue so that it is ready for a PM to prioritize it.

[github-actions[bot]]

Hi @thedvo, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:- i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?) ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[thedvo]

Availability: M-F 3pm-7pm PST ETA: April 11 EOD