fix: use proper svg assets for Hack.Diversity (#122)

💖

src/components/Partners.astro

@@ -30,13 +30,21 @@ import HeadingFlanked from "./HeadingFlanked.astro";
 						alt=""
 						class="partner-logo partner-logo-dark"
 						src={partner.logos.dark}
-						height={120}
+						width={
+							partner.logos.light.width > partner.logos.light.height * 2
+								? 250
+								: 150
+						}
 					/>
 					<Image
 						alt=""
 						class="partner-logo partner-logo-light"
 						src={partner.logos.light}
-						height={120}
+						width={
+							partner.logos.light.width > partner.logos.light.height * 2
+								? 250
+								: 150
+						}
 					/>
 				</a>
 			))
@@ -60,6 +68,13 @@ import HeadingFlanked from "./HeadingFlanked.astro";
 		margin: 0 auto;
 	}
 
+	.partner {
+		align-items: center;
+		display: flex;
+		justify-content: center;
+		min-height: 7rem;
+	}
+
 	.partner-logo {
 		transform: scale(0.9);
 		user-select: none;
@@ -91,4 +106,10 @@ import HeadingFlanked from "./HeadingFlanked.astro";
 			width: 100%;
 		}
 	}
+
+	@media (min-width: 1024px) {
+		.partner {
+			max-width: calc(35% - 5rem);
+		}
+	}
 </style>

src/data/partners.ts

@@ -1,6 +1,8 @@
 import afhBlack from "../assets/partners/afh-black.svg";
 import afhWhite from "../assets/partners/afh-white.svg";
 import conTejasCode from "../assets/partners/contejas-code.png";
+import hackDiversityBlue from "../assets/partners/hack-diversity-blue.svg";
+import hackDiversityWhite from "../assets/partners/hack-diversity-white.svg";
 import jsParty from "../assets/partners/js-party.png";
 import thisWeekInReactDarkMode from "../assets/partners/this-week-in-react-dark-mode.png";
 import thisWeekInReactLightMode from "../assets/partners/this-week-in-react-light-mode.png";
@@ -22,6 +24,14 @@ export const partnersBySlug = {
 		},
 		title: "ConTejas Code Podcast",
 	},
+	hackDiversity: {
+		href: "https://www.hackdiversity.com/?utm_source=squiggleconf",
+		logos: {
+			dark: hackDiversityWhite,
+			light: hackDiversityBlue,
+		},
+		title: "Hack.Diversity",
+	},
 	jsparty: {
 		href: "https://changelog.com/jsparty?utm_source=squiggleconf",
 		logos: {