Add GitHub links to Community of Practice pages

[kristine-eudey]

Overview

We need to add GitHub links to the Communities of Practice pages in order to make GitHub more easily accessible to volunteers.

Action Items

Design

• Ideate how best to incorporate GitHub repository links for each card on the Communities of Practice page.
• Duplicate the Figma frame
• Come up with 2-3 versions and create desktop and mobile designs

Resources/Instructions

Figma: Communities of Practice page
GitHub: HfLA Communities of Practice
GitHub: UI-UX
GitHub: Product Management
GitHub: Ops
GitHub: Data Science
GitHub: Engineering

[kristine-eudey]

@ktlevesque19 Please provide an update on this issue:

• Progress
• Blockers
• Availability
• ETA

[ktlevesque19]

Progress: Not started
Blockers: None at this time!
Availability: I'll be tackling this early this week in the evenings
ETA: I expect to be done by this Thursday 8/5

[ExperimentsInHonesty]

@ktlevesque19 Did you mean to say 6/6?

[ktlevesque19]

Good catch, I meant this week, just updated my comment with the accurate date. Thanks!

[github-actions]

@ktlevesque19

Please add update using this template (even if you have a pull request)

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either: 1) ask for help at a Tuesday or Sunday meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Tuesday, August 3, 2021 at 7:53 AM.}

---

Note: This comment was created as part of a GitHub Action during its trial phase. If you find this GitHub Action to be disruptive/unhelpful, or if you believe there might be a bug, please leave a comment on this issue. All feedback will be used to further improve it. Thank you for your time.

[ktlevesque19]

Progress: Completed
Blockers: None at this time

@kristine-eudey Just completed this so it's ready for review, there are three options in a blue square here - there was already a link to the slack channel for each card, so I did options for how to incorporate the GitHub links assuming equal hierarchy of the two. If you need additional options where one of these is weighted more heavily let me know!

[kristine-eudey]

Thanks @ktlevesque19, these look great! My vote is for Option 3 with the stacked icon buttons, though we can discuss at Sunday's meeting and move a design forward from there.

[Sihemgourou]

• maybe change the wording for the github page. it should say "next steps" or something equivalent.

• please provide another option with icones and text

[ktlevesque19]

Just updated per the feedback from Sunday's meeting. Three button options, and three copy options are here. Visually I think my preference is still Option 3, the icon buttons get a little long side by side in Option 2. Thanks!

[ExperimentsInHonesty]

@ktlevesque19 we have chosen Second button option and "next steps" as the text

[github-actions]

@ktlevesque19

Please add update using this template (even if you have a pull request)

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either: 1) ask for help at your next meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Tuesday, August 17, 2021 at 12:02 AM PST.}

[ktlevesque19]

Hello, just finished this out. New button text has been updated to "Next Steps", and applied to all cards. Pink box is around newest up to date layouts. Thank you!

[kristine-eudey]

The design portion has been completed and meets the requirements of the issue.

[abuna1985]

#2357 was created to complete the dev implementation of this design