Link projects in program areas page to project page

[jdingeman]

Overview

We need to ensure that the Hack for LA project page links are attached to their respective project cards on program areas page.

Details

Developers have noted that the files in /_projects do not have the links for their respective project pages. Previously, when a user clicked on the title of a program card, they would be led to the Hack for LA project specific webpage, but currently they lead to the GitHub project webpage. We need make it so when a user clicks on the link in the mini-cards, they are redirected to the project page.

Action Items / Pseudo Code

• Research Liquid if it is possible to reference the project filename
• Go to pages/program-areas.html and navigate to the <ul class="project-card-mini-list-alignment"> element
• Within the for loop, assign the filename to a variable as a string
  • Manipulate the string in the variable to exlcude the .md portion of the filename
  • Append this to projects page link so that it will lead directly to whichever project page it is referencing
• Change the href in <a class="project-card-mini-title" href="{{project.links[0].url}}">{{project.title}}</a> so that it links the title of the project card to the project page
  • For example, clicking on this will lead to 311 Data instead of its GitHub page
    

Resources

• Liquid documentation
• Liquid in Jekyll
• Program Areas source code
• https://www.hackforla.org/program-areas

[github-actions]

Hi @luiderek, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[luiderek]

Availability: 10am-10pm PDT
ETA: < 4 hours

[ExperimentsInHonesty]

While reviewing this page, I see that the project mini card doesn't work for long titles
https://www.hackforla.org/program-areas.html

[ExperimentsInHonesty]

Product to make a new issue to deal with the long titles.
We have to look at why the titles are long, can they be shortended and is there a limit

[ExperimentsInHonesty]

@hackforla/website-merge

I have looked at the project names and only two are a problem.

I suggest the following name changes
change

Los Angeles Criminal Sentencing Project

to

LA Criminal Sentencing

Change

Not Today - Self-Defense Against Suicidal Thoughts

to

Not Today

and change the description for the project from

Not Today is an app intended to help people wait out periods of suicidal thinking without acting on their thoughts.

to

Not Today - the self-defense against suicidal thoughts app is intended to help people wait out periods of suicidal thinking without acting on their thoughts.

Please make an issue

[jdingeman]

@ExperimentsInHonesty - issues to the above have been made here:

• Change title in criminal-sentencing.md #4081
• Change title and description in not-today.md #4082