diff --git a/src/assets/partners/hack-diversity-blue.png b/src/assets/partners/hack-diversity-blue.png
deleted file mode 100644
index ed9e02d..0000000
Binary files a/src/assets/partners/hack-diversity-blue.png and /dev/null differ
diff --git a/src/assets/partners/hack-diversity-blue.svg b/src/assets/partners/hack-diversity-blue.svg
new file mode 100644
index 0000000..926caf9
--- /dev/null
+++ b/src/assets/partners/hack-diversity-blue.svg
@@ -0,0 +1,24 @@
+
diff --git a/src/assets/partners/hack-diversity-white.png b/src/assets/partners/hack-diversity-white.png
deleted file mode 100644
index 9df27b4..0000000
Binary files a/src/assets/partners/hack-diversity-white.png and /dev/null differ
diff --git a/src/assets/partners/hack-diversity-white.svg b/src/assets/partners/hack-diversity-white.svg
new file mode 100644
index 0000000..ccbde5e
--- /dev/null
+++ b/src/assets/partners/hack-diversity-white.svg
@@ -0,0 +1,24 @@
+
diff --git a/src/components/Partners.astro b/src/components/Partners.astro
index e943c23..b2313b1 100644
--- a/src/components/Partners.astro
+++ b/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
+ }
/>
partner.logos.light.height * 2
+ ? 250
+ : 150
+ }
/>
))
@@ -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);
+ }
+ }
diff --git a/src/data/partners.ts b/src/data/partners.ts
index dcd3752..69e0ac4 100644
--- a/src/data/partners.ts
+++ b/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: {