From 544b3ff878560355db4dfe8cce094d23d3ba48b8 Mon Sep 17 00:00:00 2001
From: Daniel Baker <daniel.baker@tweag.io>
Date: Wed, 8 Nov 2023 12:21:01 -0800
Subject: [PATCH] Moved sponsor information to a YAML file in the content
 directory and map over the info.

---
 .../{ExternalLogo.astro => SponsorLogo.astro} |  0
 src/content/sponsors/info.yaml                | 41 +++++++++++++++++++
 src/pages/donate.astro                        | 19 ++++-----
 3 files changed, 49 insertions(+), 11 deletions(-)
 rename src/components/layout/{ExternalLogo.astro => SponsorLogo.astro} (100%)
 create mode 100644 src/content/sponsors/info.yaml

diff --git a/src/components/layout/ExternalLogo.astro b/src/components/layout/SponsorLogo.astro
similarity index 100%
rename from src/components/layout/ExternalLogo.astro
rename to src/components/layout/SponsorLogo.astro
diff --git a/src/content/sponsors/info.yaml b/src/content/sponsors/info.yaml
new file mode 100644
index 0000000000..d365cc40a2
--- /dev/null
+++ b/src/content/sponsors/info.yaml
@@ -0,0 +1,41 @@
+items:
+- href: https://www.4tu.nl/
+  src: /images/sponsors/4tu.svg
+  alt: 4TU logo
+  class: p-5
+- href: https://www.antithesis.com/
+  src: /images/sponsors/antithesis.svg
+  alt: Antithesis logo
+  class: 
+- href: https://deploy.equinix.com/
+  src: /images/sponsors/equinix_metal.svg
+  alt: Equinix logo
+  class: p-5
+- href: https://www.fastly.com/
+  src: /images/sponsors/fastly.svg
+  alt: Fastly logo
+  class: p-5
+- href: https://www.hetzner.com/
+  src: /images/sponsors/hetzner.png
+  alt: Hetzner logo
+  class: 
+- href: https://www.logicblox.com
+  src: /images/sponsors/logicblox.png
+  alt: LogicBlox logo
+  class: p-5
+- href: https://www.macstadium.com/
+  src: /images/sponsors/macstadium.png
+  alt: MacStadium logo
+  class: p-3
+- href: https://github.com/snabbco/snabb
+  src: /images/sponsors/snabb.png
+  alt: Snabb logo
+  class: p-3
+- href: https://www.tudelft.nl/
+  src: /images/sponsors/tudelft.png
+  alt: TU Delft logo
+  class: 
+- href: https://www.uu.nl/
+  src: /images/sponsors/universiteit_utrecht.png
+  alt: Universiteit Utrecht logo
+  class: p-0
diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index 589a96261f..fa559fbc86 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -1,8 +1,12 @@
 ---
 
+import { getEntry } from 'astro:content';
+
 import Layout from '../layouts/Layout.astro';
 import Container from "../components/layout/Container.astro";
-import ExternalLogo from "../components/layout/ExternalLogo.astro";
+import SponsorLogo from "../components/layout/SponsorLogo.astro";
+
+const sponsors = await  getEntry('sponsors', 'info');
 
 ---
 
@@ -119,16 +123,9 @@ BIC:  BUNQNL2AXXX</pre>
       <Container class="grid md:grid-cols-2 gap-8 px-12">
         <div class="flex flex-col justify-center">
           <div class="grid grid-cols-2 sm:grid-cols-5 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-            <ExternalLogo class="p-5" href="https://www.4tu.nl/" src="/images/sponsors/4tu.svg" alt="4TU logo" />
-            <ExternalLogo class="" href="https://www.antithesis.com/" src="/images/sponsors/antithesis.svg" alt="Antithesis logo" />
-            <ExternalLogo class="p-5" href="https://deploy.equinix.com/" src="/images/sponsors/equinix_metal.svg" alt="Equinix logo" />
-            <ExternalLogo class="p-5" href="https://www.fastly.com/" src="/images/sponsors/fastly.svg" alt="Fastly logo" />
-            <ExternalLogo class="" href="https://www.hetzner.com/" src="/images/sponsors/hetzner.png" alt="Hetzner logo" />
-            <ExternalLogo class="p-5" href="https://www.logicblox.com" src="/images/sponsors/logicblox.png" alt="LogicBlox logo" />
-            <ExternalLogo class="p-3" href="https://www.macstadium.com/" src="/images/sponsors/macstadium.png" alt="MacStadium logo" />
-            <ExternalLogo class="p-3" href="https://github.com/snabbco/snabb" src="/images/sponsors/snabb.png" alt="Snabb logo" />
-            <ExternalLogo class="" href="https://www.tudelft.nl/" src="/images/sponsors/tudelft.png" alt="TU Delft logo" />
-            <ExternalLogo class="p-0" href="https://www.uu.nl/" src="/images/sponsors/universiteit_utrecht.png" alt="Universiteit Utrecht logo" />
+            {sponsors.data.items.map((item) => (
+              <SponsorLogo class={item.class} href={item.href} src={item.src} alt={item.alt} />
+            ))}
           </div>
         </div>
         <div class="flex flex-col gap-4 justify-center">