🦀 SWC Integration

docusaurus/src/components/Contributions/index.tsx

@@ -0,0 +1,81 @@
+import CodeBlock from '@theme/CodeBlock';
+import clsx from 'clsx';
+import React from 'react';
+// import styles from './styles.module.css';
+// organize-imports-ignore
+import * as ee from '../../../../src/index';
+import Link from '@docusaurus/Link';
+
+interface ContributeItem {
+  title: string;
+  src: string;
+  description: JSX.Element;
+}
+
+const ContributeList: ContributeItem[] = [
+  {
+    title: 'GitPOAP - Recognition for Contributions ',
+    src: 'https://www.gitpoap.io/_next/image?url=https%3A%2F%2Fassets.poap.xyz%2Fgitpoap3a-2022-essential-eth-contributor-2022-logo-1667245904706.png&w=2048&q=75',
+    description: (
+      <>
+        In partnership with GitPOAP, Essential ETH wants to recognize &nbsp;
+        <b>all</b> contributors for their contributions toward the growth of
+        this library. Developers can validate their contributions on Github and
+        showcase their GitPOAP as proof-of-work toward their Web3 identity.
+      </>
+    ),
+  },
+];
+
+function Contribute({ title, src, description }: ContributeItem) {
+  return (
+    <div className={clsx('col col--9')}>
+      <div className="text--center" style={{ marginRight: '2rem' }}>
+        <img
+          src={src}
+          style={{
+            height: '300px',
+            paddingBottom: '20px',
+            float: 'left',
+            paddingRight: '3rem',
+          }}
+        />
+      </div>
+      <div
+        className={'text--left padding-horiz--md'}
+        style={{ padding: '3rem' }}
+      >
+        <h3>{title}</h3>
+        <p>{description}</p>
+        <div>
+          <Link
+            className="button button--secondary button--md"
+            to="https://github.com/dawsbot/essential-eth#gitpoap"
+          >
+            Learn More
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function HomepageContributions(): JSX.Element {
+  return (
+    <>
+      <section>
+        <div className="container">
+          <section style={{ marginTop: '120px', marginBottom: '100px' }}>
+            <div>
+              <div className="row" style={{ justifyContent: 'center' }}>
+                {ContributeList.map((props, idx) => (
+                  <Contribute key={idx} {...props} />
+                ))}
+              </div>
+            </div>
+          </section>
+        </div>
+      </section>
+    </>
+  );
+}

docusaurus/src/components/HomepageFeatures/index.tsx

@@ -5,6 +5,7 @@ import styles from './styles.module.css';
 // organize-imports-ignore
 import * as ee from '../../../../src/index';
 import Link from '@docusaurus/Link';
+import HomepageContributions from '../Contributions';
 
 interface FeatureItem {
   title: string;
@@ -101,6 +102,7 @@ export default function HomepageFeatures(): JSX.Element {
               </div>
             </div>
           </section>
+          <HomepageContributions />
           <br />
           <br />
           <h2>Utils</h2>