ya

.gitignore

@@ -14,7 +14,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
-
+.yarn/install-state.gz
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

docusaurus.config.js

@@ -107,6 +107,7 @@ const config = {
             label: 'GitHub',
             position: 'right',
           },
+          { to: "/sponsors", label: "Sponsor", position: "left" },
           {
             to: '/plugins',
             label: 'Plugins',

src/pages/index.js

@@ -48,13 +48,10 @@ export default function Home() {
   return (
     <Layout 
       title="sern - Handlers. Redefined."
-      description="Description will go into a meta tag in"
-      >
+      description="Description will go into a meta tag in">
       <HomepageHeader/>
       <main className='user-select-none'>
-         <div> 
             <HomepageFeatures/>
-         </div>      
       </main>
     </Layout>
   );

src/pages/sponsors.js

@@ -0,0 +1,22 @@
+import { useEffect } from "react"
+import clsx from 'clsx';
+
+import './sponsors.module.css';
+import Layout from '@theme/Layout';
+export default function ( ) { 
+
+    const url = `https://opencollective.com/sern/banner.html?limit=10&id=banner-iframe-3759&style={}&useNewFormat=true`
+    return (
+        <Layout>
+            <header>
+                <h1 className={"hero__title"}>
+                   Sponsor 
+                </h1>
+            </header>
+            <iframe 
+                src={url}
+                height="400"
+                scrolling> 
+            </iframe>
+        </Layout>)
+}

src/pages/sponsors.module.css

@@ -0,0 +1,5 @@
+.container {
+  max-width: fit-content;
+  margin-left: auto;
+  margin-right: auto;
+}