From 50c83df81895df9328804c9d9e5074d3c67b0dfa Mon Sep 17 00:00:00 2001
From: Webber <webber@takken.io>
Date: Thu, 19 Sep 2024 00:40:59 +0200
Subject: [PATCH 1/2] feat: update contributions section, including open
 collective

---
 .../pages/home/section/sponsors-section.tsx   | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/components/pages/home/section/sponsors-section.tsx b/src/components/pages/home/section/sponsors-section.tsx
index ceca90bf..1b8b0485 100644
--- a/src/components/pages/home/section/sponsors-section.tsx
+++ b/src/components/pages/home/section/sponsors-section.tsx
@@ -1,23 +1,19 @@
-import Link from '@docusaurus/Link';
 import React from 'react';
 import FadeIntoView from '@site/src/components/molecules/animations/fade-into-view';
 import Section from '@site/src/components/pages/home/section/section';
-import CircleCiLogo from '@site/static/assets/images/icons/circleci.svg';
-import { getUrlWithUtmParameters } from '@site/src/core/url';
 
 const SponsorsSection = () => {
-  const circleCiUrl = getUrlWithUtmParameters('https://circleci.com');
-
   return (
-    <Section title="Sponsors">
+    <Section title="Sponsors" className="bg-white dark:bg-[#020612]">
       <FadeIntoView>
-        <ul className="mt-12 flex gap-4 list-none p-0">
-          <li>
-            <Link to={circleCiUrl}>
-              <CircleCiLogo className="w-[120px] fill-brand-text-light dark:fill-brand-text-dark" />
-            </Link>
-          </li>
-        </ul>
+        <iframe
+          title="Game CI Sponsors"
+          height="667"
+          width="800"
+          src="https://opencollective.com/game-ci/banner.html"
+          frameBorder="0"
+          scrolling="no"
+        />
       </FadeIntoView>
     </Section>
   );

From 8a3d2712e23b8038c60d3a7f8ca4fe2403c135c1 Mon Sep 17 00:00:00 2001
From: Webber <webber@takken.io>
Date: Thu, 19 Sep 2024 01:05:58 +0200
Subject: [PATCH 2/2] chore: matching bg

---
 src/components/pages/home/section/sponsors-section.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/home/section/sponsors-section.tsx b/src/components/pages/home/section/sponsors-section.tsx
index 1b8b0485..1975c404 100644
--- a/src/components/pages/home/section/sponsors-section.tsx
+++ b/src/components/pages/home/section/sponsors-section.tsx
@@ -4,7 +4,8 @@ import Section from '@site/src/components/pages/home/section/section';
 
 const SponsorsSection = () => {
   return (
-    <Section title="Sponsors" className="bg-white dark:bg-[#020612]">
+    // Would be nice if the banner had a dark mode that we could use for `dark:*`
+    <Section title="Sponsors" className="bg-white dark:bg-white">
       <FadeIntoView>
         <iframe
           title="Game CI Sponsors"