Fix Whiteboard / Paper & Pencil Tool Filter Bug

[nadiaspn0503]

Overview

We need to fix the bug on the projects and projects check pages that prevents the "whiteboard / paper & pencil" tool filter from being selected so that the website will work correctly.

Details

The filter appears in the URL but the changes are not visually reflected on the page. This bug occurs because the current manually built query string is causing the browser to read whiteboard / paper & pencil as tools = whiteboard / paper pencil = (new parameter with empty value) due to the & symbol.

Action Items

• Open the file _projects/website.md in the IDE.
• Locate the following lines of code:

  - whiteboard / paper & pencil

Replace with:

  - whiteboard / paper and pencil

• Ensure proper YAML formatting (no tabs, only spaces).
• Using docker, confirm that the appearance of the project webpage is unchanged at all screen sizes.
• By going to the hack for la website page, check to see if under the languages / technologies / tools filter, when you click it, whiteboard pencil and paper, gives a result of food oasis.

URL can be found below under Resources.

Resources/Instructions

• 1.01 Project checks page: https://www.hackforla.org/projects-check/
• 1.02 URL of the whiteboard / paper & pencil filter: https://www.hackforla.org/projects/?tools=whiteboard+/+paper+&+pencil
• 1.03 Projects page: https://www.hackforla.org/projects/
• 1.04 Instructions for using the projects check page: Create documentation for projects-check page #3487 (comment)
• 1.05 projects checks code: https://github.com/hackforla/website/blob/gh-pages/_includes/current-projects-check.html
• 1.06 Current projects code: https://github.com/hackforla/website/blob/gh-pages/assets/js/current-projects.js

[github-actions]

Hi @nadiaspn0503.

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

• Complexity, Role, Size

NOTE: Please ignore this 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