feat: add Staff to About page

cspell.json

@@ -18,6 +18,7 @@
 		"Faneuil",
 		"Farrelly",
 		"fontsource",
+		"Hadley",
 		"Harborside",
 		"Harborwalk",
 		"Inngest",
@@ -26,12 +27,16 @@
 		"Mariah",
 		"MBTA",
 		"mitropoulos",
+		"Mulroy",
 		"Murg",
 		"plone",
+		"Prakash",
+		"Sahana",
 		"Simons",
 		"squiggleconf",
 		"tseslint",
 		"vercel",
+		"Vitullo",
 		"WASI",
 		"WCAG",
 		"wght-italic"

src/components/BioLinks.astro

@@ -15,8 +15,10 @@ interface Props {
 export interface BioLinksPlatforms {
 	bluesky?: string | null;
 	github?: string | null;
+	instagram?: string | null;
 	linkedin?: string | null;
 	mastodon?: string | null;
+	twitch?: string | null;
 	website?: string | null;
 	youtube?: string | null;
 }

src/components/Bios.astro

@@ -19,6 +19,8 @@ interface Props {
 		margin-top: 2rem;
 		row-gap: 2rem;
 		text-align: center;
+		margin: 2rem auto;
+		max-width: 35rem;
 		width: 100%;
 	}
 </style>

src/pages/about.astro

@@ -1,6 +1,12 @@
 ---
-import joshGoldberg from "~/assets/avatars/josh-goldberg.png";
+import carlVitullo from "~/assets/avatars/carl-vitullo.webp";
+import dillonMulroy from "~/assets/avatars/dillon-mulroy.webp";
 import dimitriMitropoulos from "~/assets/avatars/dimitri-mitropoulos.jpg";
+import hadleyGarrett from "~/assets/avatars/hadley-garrett.jpg";
+import joshGoldberg from "~/assets/avatars/josh-goldberg.png";
+import katharineMitropoulos from "~/assets/avatars/katharine-mitropoulos.jpg";
+import mariahGoldberg from "~/assets/avatars/mariah-goldberg.webp";
+import sahanaJPrakash from "~/assets/avatars/sahana-j-prakash.jpg";
 import bostonTSClub from "~/assets/logos/boston-ts-club.svg";
 import michiganTypeScript from "~/assets/logos/michigan-typescript.png";
 import { Props as BioProps } from "~/components/Bio.astro";
@@ -22,6 +28,35 @@ const biosSquiggleTools: BioProps[] = [
 		name: "Boston TS Club",
 		photo: bostonTSClub,
 	},
+	{
+		links: {
+			bluesky: "https://bsky.app/profile/michigantypescript.com",
+			mastodon: "https://fosstodon.org/@MichiganTypeScript",
+			youtube: "https://youtube.com/@MichiganTypeScript",
+		},
+		name: "Michigan TypeScript",
+		photo: michiganTypeScript,
+	},
+];
+
+const biosStaff: BioProps[] = [
+	{
+		links: {
+			bluesky: "https://bsky.app/profile/vcarl.com",
+			github: "https://github.com/vcarl",
+			website: "https://vcarl.com",
+		},
+		name: "Carl Vitullo",
+		photo: carlVitullo,
+	},
+	{
+		links: {
+			github: "https://github.com/dmmulroy",
+			twitch: "https://twitch.tv/dmmulroy",
+		},
+		name: "Dillon Mulroy",
+		photo: dillonMulroy,
+	},
 	{
 		links: {
 			github: "https://github.com/dimitropoulos",
@@ -30,6 +65,13 @@ const biosSquiggleTools: BioProps[] = [
 		name: "Dimitri Mitropoulos",
 		photo: dimitriMitropoulos,
 	},
+	{
+		links: {
+			linkedin: "https://www.linkedin.com/in/hadley-garrett",
+		},
+		name: "Hadley Garrett",
+		photo: hadleyGarrett,
+	},
 	{
 		links: {
 			bluesky: "https://bsky.app/profile/joshuakgoldberg.com",
@@ -42,12 +84,25 @@ const biosSquiggleTools: BioProps[] = [
 	},
 	{
 		links: {
-			bluesky: "https://bsky.app/profile/michigantypescript.com",
-			mastodon: "https://fosstodon.org/@MichiganTypeScript",
-			youtube: "https://youtube.com/@MichiganTypeScript",
+			linkedin: "https://www.linkedin.com/in/katharinemoroney",
 		},
-		name: "Michigan TypeScript",
-		photo: michiganTypeScript,
+		name: "Katharine Mitropoulos",
+		photo: katharineMitropoulos,
+	},
+	{
+		links: {
+			instagram: "https://www.instagram.com/mariahgoldburger",
+			linkedin: "https://www.linkedin.com/in/mariah-anne-cody",
+		},
+		name: "Mariah Goldberg",
+		photo: mariahGoldberg,
+	},
+	{
+		links: {
+			linkedin: "https://www.linkedin.com/in/sahanajprakash",
+		},
+		name: "Sahana J Prakash",
+		photo: sahanaJPrakash,
 	},
 ];
 
@@ -105,14 +160,10 @@ const description = "The SquiggleConf mission and team";
 
 	<CommonContent heading="Staff Members">
 		<BodyText>
-			SquiggleConf 2025 includes a staff of volunteers who are passionate about
-			the conference and working through the year.
+			SquiggleConf 2025 is run by a year-long volunteer team passionate about
+			the conference and surrounding developer community.
 		</BodyText>
 
-		<br />
-
-		<BodyText>
-			<em class="staff-soon">(staff members bios coming soon!)</em>
-		</BodyText>
+		<Bios bios={biosStaff} />
 	</CommonContent>
 </PageLayout>