Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

making program-areas project cards point towards respective project links #3692

Merged

Conversation

luiderek
Copy link
Member

@luiderek luiderek commented Nov 3, 2022

Fixes #3592

What changes did you make and why did you make them ?

  • Created a new variable project_relative_path which was set as the filename of the project using Jekyll's .slug attribute, using a filter to prepend it by "../projects/".
  • Replaced the existing <a> element's href property of the <li class='project-card-mini'> element with the new variable.

Screenshots of Proposed Changes Of The Website - No visual changes.

Took a little bit to get more familiar with the overall website structure / Jekyll, but I think this oughta address the issue.

@github-actions
Copy link

github-actions bot commented Nov 3, 2022

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b luiderek-link-program-areas-project-cards-3592 gh-pages
git pull https://github.com/luiderek/hfla-website.git link-program-areas-project-cards-3592

@github-actions github-actions bot added P-Feature: Program Area https://www.hackforla.org/program-areas P-Feature: Project Info and Page A project's detail page (e.g. https://www.hackforla.org/projects/100-automations) role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers Complexity: Medium labels Nov 3, 2022
@MattPereira MattPereira self-requested a review November 3, 2022 16:57
@MattPereira
Copy link
Contributor

Review ETA: End of Day 11/3/22
Availability: 5-8 PM Thursday

Copy link
Contributor

@MattPereira MattPereira left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work on this one @luiderek ! 👍

The variable name project_relative_path is superbly descriptive and your project.slug solution grabs the projects filename, replace spaces with dashes, and strips the .md from the end of the filename. All of the program areas page's project-card-mini-title's href attributes are now set to the correct location! 🎉

console preview

@jdingeman jdingeman self-requested a review November 4, 2022 22:47
@jdingeman
Copy link
Member

ETA: EOD 11/4
Availability: 2 hrs

Copy link
Member

@jdingeman jdingeman left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Checked all the links and everything leads to its respective page. Page is not broken. Pushed into correct branch. Nice job, @luiderek!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Complexity: Medium P-Feature: Program Area https://www.hackforla.org/program-areas P-Feature: Project Info and Page A project's detail page (e.g. https://www.hackforla.org/projects/100-automations) role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers
Projects
Development

Successfully merging this pull request may close these issues.

Link projects in program areas page to project page
3 participants