From 9e5f942288db4a5d290210d3d7677b0565012a27 Mon Sep 17 00:00:00 2001
From: Webber Takken <webber@takken.io>
Date: Thu, 19 Sep 2024 01:12:44 +0200
Subject: [PATCH] feat: update contributions section, including open collective
 (#478)

* feat: update contributions section, including open collective

* chore: matching bg

---------

Co-authored-by: Gabriel Le Breton <lebreton.gabriel@gmail.com>
---
 .../pages/home/section/sponsors-section.tsx   | 23 ++++++++-----------
 1 file changed, 10 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..1975c404 100644
--- a/src/components/pages/home/section/sponsors-section.tsx
+++ b/src/components/pages/home/section/sponsors-section.tsx
@@ -1,23 +1,20 @@
-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">
+    // 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>
-        <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>
   );