Change `_program-areas` Files From `-card.yml` to `.md`

[JessicaLucindaCheng]

Prerequisites

1. Be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page and attend an onboarding session.
2. You have already read our How to Contribute to Hack for LA Guide.

Overview

In the _program-areas directory, we want to change a file's name and its extension from -card.yml to .md so that in a future issue

• this file can be used to generate a webpage for that program area automatically
• and the webpage will have the desired URL.

Details

• On this team, we use collections in Jekyll¹ to generate some webpages using Markdown files in a collection and an HTML layout. The webpages' URL is based on the name of the Markdown file.
  • For example, a webpage generated from citizen-engagement.md will have a URL of https://www.hackforla.org/program-areas/citizen-engagement .

Action Items

• In your IDE, for each file in the _program-areas directory², change the name and extension of each file from -card.yml to .md.
  • citizen-engagement-card.yml (e.g., citizen-engagement.md)
  • civic-tech-infrastructure-card.yml
  • diversity-equity-inclusion-card.yml
  • environment-card.yml
  • justice-card.yml
  • social-safety-net-card.yml
  • vote-representation-card.yml
  • workforce-development-card.yml
• Using Docker,
  • Check everything has stayed the same for the Program Areas page³.
  • Check everything has stayed the same for the Citizen Engagement page⁴
• Once the PR for this issue is merged, clear the dependency for this issue in Create each program area page automatically using a layout #3328
  • Click the checkbox next to this issue number in the dependency list.
    • If it's the last dependency for the issue and it's in the Icebox column, move to the New Issue Approval column and uncheck the Dependency label.
      • Click here to see how to uncheck the Dependency label

        

Resources/Instructions

Footnotes

1. Info on Collections in Jekyll ↩

2. _program-areas directory on HfLA's Website repo for QA to check: https://github.com/hackforla/website/tree/gh-pages/_program-areas ↩

3. Program Areas page on live Hack for LA website ↩

4. Citizen Engagement page on live Hack for LA website ↩

[HackforLABot]

Hi @JessicaLucindaCheng, 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 :)