SDG 16: 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 peace-justice.svg
• [x] From the HackforLA.org website drive's HackforLA.org website/SDG/SDG images folder, download the following svg: E-WEB-Goal-16.svg
• [x] Add the svg you just downloaded into the assets/images/sdg directory
• [x] Rename that svg so that it becomes sdg16.svg
• [x] In _includes/about-page/about-card-sustainability.html, update the path to the image you just added by changing

  <img src="/assets/images/sdg/peace-justice.svg" alt="16 Peace, Justice and Strong Institutions" />

  to

  <img src="/assets/images/sdg/sdg16.svg" alt="16 Peace, Justice and Strong Institutions" />

• [x] Update the path to the SVG by changing

  sdg-image-src: /assets/images/sdg/peace-justice.svg

  to

  sdg-image-src: /assets/images/sdg/sdg16.svg

  in the following files:

  • [x] _projects/311-data.md
  • [x] _projects/access-the-data.md
  • [x] _projects/engage.md
  • [x] _projects/open-community-survey.md
• [x] Using Docker, check the following pages 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.
  • [x] About page's Sustainability section: https://www.hackforla.org/about/#sustainability
  • [x] Citizen Engagement page: https://www.hackforla.org/citizen-engagement
  • [x] 311 Data: https://www.hackforla.org/projects/311-data
  • [x] Access the Data: https://www.hackforla.org/projects/access-the-data
  • [x] Engage: https://www.hackforla.org/projects/engage
  • [x] Open Community Survey: https://www.hackforla.org/projects/open-community-survey

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] #4187
  • [x] #4229

Resources/Instructions

• assets/images/sdg directory
• HackforLA.org website/SDG/SDG images
• _includes/about-page/about-card-sustainability.html
• _projects/311-data.md
• _projects/access-the-data.md
• _projects/engage.md
• _projects/open-community-survey.md
• This issue is tracked in #4153

  Pages to check

• About page's Sustainability section: https://www.hackforla.org/about/#sustainability
• Citizen Engagement page: https://www.hackforla.org/citizen-engagement
• 311 Data: https://www.hackforla.org/projects/311-data
• Access the Data: https://www.hackforla.org/projects/access-the-data
• Engage: https://www.hackforla.org/projects/engage
• Open Community Survey: https://www.hackforla.org/projects/open-community-survey

  United Nations' SDG Information

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

[github-actions[bot]]

Hi @JessicaLucindaCheng.

Please don't forget to add the proper labels to this issue. Currently, the labels for the following are missing: Complexity, Role, Feature

NOTE: Please ignore the adding proper labels comment if you do not have 'write' access to this directory.

To add a label, take a look at Github's documentation here.

Also, don't forget to remove the "missing labels" afterwards. To remove a label, the process is similar to adding a label, but you select a currently added label to remove it.

After the proper labels are added, the merge team will review the issue and add a "Ready for Prioritization" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels

[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 @cng008, 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 :)

[cng008]

Availability: after 2pm PT ETA: EOD 4/14