From 1e3892babeecce9021115d5aa591f301018576e6 Mon Sep 17 00:00:00 2001
From: Derek Lui <luiderek@outlook.com>
Date: Wed, 2 Nov 2022 20:57:42 -0700
Subject: [PATCH] replace href attr for program-areas project cards

---
 pages/program-areas.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/pages/program-areas.html b/pages/program-areas.html
index fb0a802e4b..1c28f8c30b 100644
--- a/pages/program-areas.html
+++ b/pages/program-areas.html
@@ -18,7 +18,7 @@ <h1 class="title1">Program Areas</h1>
 <section class="content-section content--program-areas">
     {% assign sorted_program_areas = site.data.internal.program-areas | sort %}
     {% for program_areas in sorted_program_areas %}
-    {% if program_areas[1].size > 0 %} 
+    {% if program_areas[1].size > 0 %}
     <div class="page-card card-primary page-card-lg page-card-container">
         <div class="page-card-image-container">
             <img class="page-card-image" src="{{ program_areas[1].image }}" alt="{{ program_areas[1].image_alt }}" />
@@ -42,15 +42,16 @@ <h2 class="title4">{{program_areas[1].name}}</h2>
                 {% for project in site.projects %}
                 {% for project_program in project.program-area %}
                 {% if program_areas[1].program-area == project_program %}
+                {% assign project_relative_path = project.slug | prepend: "../projects/" %}
                 <li class="project-card-mini inline-list" id="{{project.identification}}">
                     <img class="project-card-mini-image" src="{{project.image}}" alt="{{project.image_alt}}" />
-                    <a class="project-card-mini-title" href="{{project.links[0].url}}">{{project.title}}</a>
+                    <a class="project-card-mini-title" href="{{ project_relative_path }}">{{project.title}}</a>
                 </li>
                 {% endif %}
                 {% endfor %}
                 {% endfor %}
                 <!--Spacer li are used to center the project card mini on mobile-->
-                <li class="project-card-mini-spacer"></li> 
+                <li class="project-card-mini-spacer"></li>
                 <li class="project-card-mini-spacer"></li>
                 <li class="project-card-mini-spacer"></li>
             </ul>
@@ -91,4 +92,4 @@ <h3>Join a Project</h3>
           <a href="/join" class="btn btn-primary btn-md btn--default">Join Us</a>
         </div>
     </div>
-  </section>
\ No newline at end of file
+  </section>