Design an SDG page for Hack for La's website

[nathan944]

Overview

We need to design an SDG page for the hack for LA website, so that we can show our evidence based impact model as defined by the Measurement and Evaluation (M&E) professional standards.

Action Items

Product

• [x] Define feature requirements

UI

• [ ] design the mockups using the HfLA design system
• [ ] get feedback from the PM

Resources/Instructions

• Hack for LA figma
• See Details from Product in a comment below

[github-actions[bot]]

Hi @nathan944, 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 :)

[github-actions[bot]]

Hi @nathan944.

Good job adding the required labels for this issue. The merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

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

[ExperimentsInHonesty]

Details from Product

Requirements

• Hero text: HfLA's commitment to SDG goals
• SDG background (assume that some people will know what it is and want the rest of the page, and some people will have no idea and need links to learn more).
• Projects by SDGs
  • Targets for that project
  • Target indicators for that project

Assets you will have to work with

• SDGs icons
  • located in the HackforLA.org website drive's HackforLA.org website/SDG/SDG images folder
  • located in HfLA figma SDG page
• Spreadsheet with the Official colors of SDGs
• Spreadsheet with all the Project's SDGs, Targets and Indicators - same file as above, different tab
• Official Links for SDG info
  • SDG is an acronym for the United Nations Development Programme Sustainable Development Goals
  • UNDP SDG page: https://www.undp.org/sustainable-development-goals
  • UNDPs Guidelines for SDG usage
  • https://www.un.org/sustainabledevelopment/news/communications-material/

Why is this page needed

• Hack for LA is aligning itself with global Tech for Social Good Funders and Communities
• We are moving towards a more evidence based impact model as defined by the Measurement and Evaluation (M&E) professional standards, and we want that work to be visible on our website to help with recruiting more professionals mentors and helping our partners and board members understand what goals Hack for LA projects work towards.

Who should I speak to if I have questions

Bonnie Wolfe, Executive Director, Hack for LA.

• Availability:
  • Sunday during team meeting time 10:00-10:30am Pacific time (shared time with other team members)
  • By Appointment (see Reach Bonnie Form - use this issue when it asks you for an issue).

[ExperimentsInHonesty]

See also this Access the Data page that aj Price made, to put projects in context with the goals. https://github.com/hackforla/access-the-data/blob/main/README.md

Let's discuss how this might be included in an automated way, and fit with our design system

Please note the following changes

Code for America will be replaced with Civic Tech Structure and the wording will change to

Provides analysis and structure to help deliver value through user centered innovation, experimentation and scaling.

Hack for LA name will stay the same, but the wording will change to

A 100% volunteer project of Civic Tech Structure

Citizen Engagement products will change to Citizen Engagement Program Area initatives

I think also we will need how to make the graphic we will create accessible. See this resource and potentially others for help http://diagramcenter.org/making-images-accessible.html

[ExperimentsInHonesty]

@Ayrh1 why did you close this issue?

[Ayrh1]

apologies, i was just looking at all issues, i did not realize i did that .