Hard Code a New Win to the About Page

[nadiaspn0503]

Overview

We need to manually pick a new Win and hard code it on the about page so that the Win is current.

Details

The randomizer can't get worked on until the homepage branch is merged into the gh-pages branch

Action Items

• Locate the current hard-coded Win content on the About page.
  • Currently the old Win is hard-coded in the file /_includes/about-page/about-card-accomplishments.html

              </div>
              <div class="bottom-right-column wins-column-width-right">
                  <div class="wins-card-mobile"><a href="https://hackforla.org/wins" target="_blank" rel="noopener noreferrer"><img src="/assets/images/about/wins-card-mobile.svg" alt="Wins card: contributors' names, teams and roles, and testimonials of their accomplishments." ></a></div>
                  <div class="wins-card-desktop"><a href="https://hackforla.org/wins" target="_blank" rel="noopener noreferrer"><img src="/assets/images/about/wins-card-desktop.svg" alt="Wins card: contributors' names, teams and roles, and testimonials of their accomplishments." ></a></div>
              </div>
  

• The current win is an image coming from these files for the desktop and mobile views respectively:
  • /assets/images/about/wins-card-desktop.svg
  • /assets/images/about/wins-card-mobile.svg
• Manually select a new/current Win to feature on the About page.
• Create desktop and mobile supported versions of the image of the Win
• Replace the existing Win images with the new desktop and mobile images from a more recent Win.
  • The new desktop and mobile images will replace the old desktop and mobile images in:
    • /assets/images/about/wins-card-desktop.svg
    • /assets/images/about/wins-card-mobile.svg
• The image files are already coded into the /_includes/about-page/about-card-accomplishments.html file, so no changes need to be made to this file.
• Use Docker to test changes locally, in both desktop and mobile views
• Add/commit the changes
• Create a Pull Request

Resources/Instructions

• 1.01 About page with Win: https://www.hackforla.org/about/#accomplishments
• 1.02 Wins page: https://www.hackforla.org/wins
• 1.03 About page accomplishments code: https://github.com/hackforla/website/blob/gh-pages/_includes/about-page/about-card-accomplishments.html
• 1.03 Wins page code: https://github.com/hackforla/website/blob/gh-pages/pages/wins/wins.html
• 1.04 Desktop Win image code: https://github.com/hackforla/website/blob/gh-pages/assets/images/about/wins-card-desktop.svg
• 1.05 Mobile Win image code: https://github.com/hackforla/website/blob/gh-pages/assets/images/about/wins-card-mobile.svg

[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