Moved sponsor information to a YAML file in the content directory and…

… map over the info.

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

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">