initial commit

Author: jemgillam

website/src/components/Sponsor/index.js

@@ -3,6 +3,7 @@ import styles from "@site/src/components/Sponsor/styles.module.css";
 import clsx from "clsx";
 import React, { useContext } from "react";
 
+import FallbackAvatar from "@site/static/img/avatar.svg";
 import { SponsorContext } from "../../contexts/sponsor";
 
 export default function Sponsor({
@@ -15,6 +16,15 @@ export default function Sponsor({
 }) {
   const level = useContext(SponsorContext);
   const showAvatar = level === "featured" || level === "leaders";
+
+  function Avatar({ src }) {
+    return src ? (
+      <img className={styles.avatar} src={src} />
+    ) : (
+      <FallbackAvatar className={styles.avatar} />
+    );
+  }
+
   return (
     <div
       className={clsx(
@@ -27,10 +37,7 @@ export default function Sponsor({
       )}
     >
       {showAvatar ? (
-        <img
-          className={styles.avatar}
-          src={"https://www.graphile.org" + avatar}
-        />
+        <Avatar src={avatar ? "https://www.graphile.org" + avatar : null} />
       ) : null}
 
       <Link

website/src/components/Sponsor/styles.module.css

@@ -9,17 +9,23 @@
   flex: 0 0 18rem;
   font-size: 1.5rem;
 }
-.featured .name {
-  font-size: 2rem;
-  padding-top: 1rem;
-}
 
-.featured {
+.featured,
+.leaders {
   border: 3px solid var(--ifm-color-primary-dark);
   background: white;
   border-radius: 12px;
 }
 
+.featured .name {
+  font-size: 2rem;
+  padding-top: 1rem;
+}
+
+.leaders .name {
+  font-size: 1.24rem;
+  padding-top: 1rem;
+}
 .name {
   color: var(--ifm-color-primary-darker);
   text-align: center;
@@ -41,12 +47,18 @@
   color: var(--ifm-color-primary);
 }
 
-img.avatar {
+.featured .avatar {
   border-radius: 10rem;
   width: 10rem;
   height: 10rem;
 }
 
+.leaders .avatar {
+  border-radius: 5rem;
+  width: 5rem;
+  height: 5rem;
+}
+
 .business {
 }
 

website/src/pages/sponsors.mdx

@@ -23,32 +23,54 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
     business
   />
   <Sponsor
-    name="Dovetail"
-    avatar="/images/sponsors/dovetail.png"
-    href="https://dovetailapp.com/"
+    name="Steelhead"
+    avatar="/images/sponsors/steelhead.svg"
+    href="https://gosteelhead.com/"
     business
   />
+</Sponsors>
+<Sponsors level="leaders">
+  <Sponsor name="Robert Claypool" />
   <Sponsor
-    name="Stellate"
-    avatar="/images/sponsors/Stellate.png"
-    href="https://stellate.co/"
+    name="Principia Mentis"
+    avatar="/images/sponsors/principiamentis.png"
     business
   />
+  <Sponsor name="nigelrmtaylor" />
   <Sponsor
-    name="Steelhead"
-    avatar="/images/sponsors/steelhead.svg"
-    href="https://gosteelhead.com/"
+    name="Trigger.dev"
+    avatar="/images/sponsors/triggerdev.png"
+    business
+  />
+  <Sponsor name="Axinom" avatar="/images/sponsors/axinom.png" business />
+  <Sponsor name="Taiste" avatar="/images/sponsors/taiste-sq.svg" business />
+  <Sponsor
+    name="BairesDev"
+    avatar="/images/sponsors/BairesDev.png"
+    href="https://www.bairesdev.com/sponsoring-open-source-projects/"
+    business
+  />
+  <Sponsor name="Cintra" avatar="/images/sponsors/cintra.svg" business />
+  <Sponsor
+    name="Two Bit Solutions"
+    avatar="/images/sponsors/two-bits.svg"
     business
   />
+  <Sponsor name="Dimply" avatar="/images/sponsors/dimply.svg" business />
+  <Sponsor name="Ndustrial" avatar="/images/sponsors/ndustrial.png" business />
+  <Sponsor name="Apollo" avatar="/images/sponsors/apollo.png" business />
+  <Sponsor name="Beacon" avatar="/images/sponsors/beaconbio.jpg" business />
   <Sponsor
-    name="LatchBio"
-    avatar="/images/sponsors/latchbio.jpg"
-    href="https://latch.bio/"
+    name="deliver.media"
+    avatar="/images/sponsors/deliverdotmedia.jpg"
     business
   />
+  <Sponsor name="Ravio" avatar="/images/sponsors/Ravio.svg" business />
+  <Sponsor name="prodready" />
+  <Sponsor name="Locomote" avatar="/images/sponsors/locomote.svg" />
 </Sponsors>
 <Sponsors level="backers">
-  <Sponsor name="plus 85 more backers..." plain />
+  <Sponsor name="plus 67 more backers..." plain />
 </Sponsors>
 
 <!-- SPONSORS_END -->