Update project cards to show Tools

[JessicaLucindaCheng]

Overview

As a developer, I want Tools to show up on the project cards on the Projects page so that the information on the individual project info pages is the same as on the project cards.

Action Items

• See how the Tools field values are in the md files under _projects directory. (To find the md files with a Tools field, you will need to use the search function on your IDE. You may need to look online to figure out how to do this for your specific IDE.)
  • In the Resources/Instructions section below, as examples, there are a few of the files with the Tools field and its corresponding individual project info pages.
• Implement code so that Tools show up on the project cards on the Projects page
  • Your implementation should take into consideration:
    • Possible future projects that are added that have tools, and
    • Current projects that may add tools later.
• Check the Tools field is only visible on project cards where the project md files have a Tools field and have tools listed
• Check the Tools field is NOT visible on project cards where the project md files either:
  • Don't have a Tools field at all, or
  • Has a Tools field but no tools listed. For example, Guides Team shouldn't have Tools show up on the project card because it doesn't have any tools listed:
    

    website/_projects/guides-team.md

    Line 50 in 945b8cf

    tools:

• Make sure your changes look good on desktop, tablet, and mobile views, and nothing gets messed up

Resources/Instructions

Files you may need to implement your code:

• https://github.com/hackforla/website/blob/gh-pages/assets/js/current-projects.js
• https://github.com/hackforla/website/blob/gh-pages/pages/projects-page.html
• https://github.com/hackforla/website/blob/gh-pages/_includes/current-projects.html

As examples, below are only a few of the files with the Tools field and its corresponding individual project info pages:

• https://www.hackforla.org/projects/food-oasis
  

  website/_projects/food-oasis.md

  Line 71 in 945b8cf

  tools: figma, photoshop, sketch, pencil and paper, phone calls.

• https://www.hackforla.org/projects/brigade-organizers-playbook
  

  website/_projects/brigade-organizers-playbook.md

  Line 94 in 945b8cf

  tools: Zoom, Calendly, Otter.ai, Google Docs, HackforLA.org guides

• https://www.hackforla.org/projects/civic-tech-structure
  

  website/_projects/civic-tech-structure.md

  Line 58 in 945b8cf

  tools: Google Docs, HackforLA.org guides

[github-actions]

Hi @JessicaLucindaCheng.

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

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 Milestone" label once it is ready for prioritization.

Additional Resources:

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