Merge pull request #450 from CodeForPhilly/website-add-volunteers

Website add volunteers, adjust sorting and rendering

Author: earth-walker

website/src/assets/team-photos/DMM174 (edited) - Tatum Marino.jpeg

@@ -0,0 +1,7 @@
+---
+name: Justin MacIntosh
+role: Software Engineer
+link: https://www.linkedin.com/in/justin-macintosh-bba6686a
+photo: ../../team-photos/placeholder.png
+photoAlt: Profile image placeholder
+---

website/src/assets/team-photos/IMG_3983 - Michael Dratch.jpeg

@@ -0,0 +1,7 @@
+---
+name: Michael Dratch
+role: Software Engineer
+link:
+photo: ../../team-photos/IMG_3983 - Michael Dratch.jpeg
+photoAlt: A smiling man with short dark hair and a light beard is wearing a light gray button-up shirt and posing outdoors against a blurred background of modern buildings.
+---

website/src/assets/text/team-info/Justin MacIntosh.md

@@ -0,0 +1,7 @@
+---
+name: Tatum Marino
+role: UX Designer
+link: https://LinkedIn.com/in/tatum-marino
+photo: ../../team-photos/DMM174 (edited) - Tatum Marino.jpeg
+photoAlt: A smiling woman with medium-length brown hair wearing a high-necked, light-colored blouse poses confidently against a neutral gray background.
+---

website/src/assets/text/team-info/Michael Dratch.md

@@ -1,6 +1,9 @@
 ---
 import { getCollection } from "astro:content";
-const team = await getCollection("team");
+
+const team = (await getCollection("team")).sort((a, b) =>
+  a.data.name.localeCompare(b.data.name),
+);
 const teamSorted: typeof team = [];
 team.forEach((teamMember) => {
   if (teamMember.data.role.includes("Co-Lead")) {
@@ -33,15 +36,17 @@ import { Image } from "astro:assets";
                 />
                 <h3>{teamMember.data.name}</h3>
                 <p class="font-bold mb-2">{teamMember.data.role}</p>
-                <p>
-                  <a
-                    href={teamMember.data.link}
-                    target="_blank"
-                    class="text-bdt-blue underline"
-                  >
-                    Connect ↗
-                  </a>
-                </p>
+                {teamMember.data.link && (
+                  <p>
+                    <a
+                      href={teamMember.data.link}
+                      target="_blank"
+                      class="text-bdt-blue underline"
+                    >
+                      Connect ↗
+                    </a>
+                  </p>
+                )}
               </div>
             </li>
           );

website/src/assets/text/team-info/Tatum Marino.md

@@ -17,7 +17,7 @@ const team = defineCollection({
     z.object({
       name: z.string(),
       role: z.string(),
-      link: z.string(),
+      link: z.nullable(z.string()),
       photo: image(),
       photoAlt: z.string(),
     }),