Added link to the program area title in the Program Area page template

[egcuriel]

Fixes #8487

What changes did you make?

• Revised the template that builds the Program Areas page
• Made the title of each Program Area clickable so that it links to its its respective subpage

Why did you make the changes (we will use this info to test)?

• To create links between each of the program area subpages and the Program Areas page
• The subpages contain the details for each of the products referenced under each program area in the Program Areas page

CodeQL Alerts

After the PR has been submitted and the resulting GitHub actions/checks have been completed, developers should check the PR for CodeQL alert annotations.

Check the PR's comments. If present on your PR, the CodeQL alert looks similar as shown

Please let us know that you have checked for CodeQL alerts. Please do not dismiss alerts.

• I have checked this PR for CodeQL alerts and none were found.
• I found CodeQL alert(s), and (select one):
  • I have resolved the CodeQL alert(s) as noted
  • I believe the CodeQL alert(s) is a false positive (Merge Team will evaluate)
  • I have followed the Instructions below, but I am still stuck (Merge Team will evaluate)

Instructions for resolving CodeQL alerts

If CodeQL alert/annotations appear, refer to How to Resolve CodeQL alerts.

In general, CodeQL alerts should be resolved prior to PR reviews and merging

Screenshots of Proposed Changes To The Website (if any, please do not include screenshots of code changes)

Visuals before changes are applied

Desktop

Mobile

Visuals after changes are applied

Desktop

Mobile

[github-actions]

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 egcuriel-egcuriel/8487-add-links-program-areas gh-pages
git pull https://github.com/egcuriel/website.git egcuriel/8487-add-links-program-areas

[castillios]

Review ETA: Thurs 5/27 by EOD
Availability: Thursday before 7PM, Friday before 8PM, Saturday all day

[Tomlu60220244]

ETA: 5/29 by EOD
Availability: evenings in these two days.

[sushma110396]

ETA: 05/28/2026
Availability: Weekdays after 6PM PST

[sushma110396]

Change looks good! I have verified it locally. All the required steps have been followed:

• There is a linked issue
• Screenshots of visual changes look good
• Branch name is correct

PR approved.

[castillios]

Hi @egcuriel! I ran your changes locally and each of the program titles are linked correctly! As for the code changes, they are clean and organized with the indentation you've added.

PR and Issue Logistics

• Issue has been correctly linked and branch has been correctly set
• CodeQL alerts checked off
• In original issue, action items checked off, project status correctly set, and availability is shared
• Screenshots of visual changes shared for desktop & mobile provided

Great work on the PR! I've approved your changes.

[Tomlu60220244]

Everything looks good! I checked out the PR locally and tested the Program Areas page.

What was done well:

• The branch name and target branch look correct.
• The Program Area titles are now clickable and link to their respective subpages.
• I tested multiple Program Area title links locally, including Environment, and they routed correctly under /program-areas without a 404.

Nice work! This PR looks good to me.