board and supporters

components/CreditItem.tsx

@@ -0,0 +1,20 @@
+import Image from "next/image"
+
+export type CreditItemProps = {
+    link: string;
+    image: string;
+    nym: string;
+}
+const CreditItem: React.FC<CreditItemProps> = ({ image, nym, link }) => {
+    return (
+        <a href={link} target="_blank">
+            <div className="p-4 flex flex-col items-center gap-2">
+                <Image width={192} height={192} src={image} alt={nym} className="border border-white rounded" />
+                <h3 className="text-white font-mono text-xl">{nym}</h3>
+            </div>
+        </a>
+
+    )
+}
+
+export default CreditItem

components/Credits.tsx

@@ -0,0 +1,87 @@
+import CreditItem, { CreditItemProps } from "./CreditItem";
+
+const Credits = () => {
+    const macbookSketch = '/img/demo/sketch.png';
+
+    // Team
+    const twitterWhite = 'img/logos/twitter-white.svg';
+    const twitterBlack = 'img/logos/twitter-black.svg';
+
+    const abitcoinpersonPhoto = '/img/team/abitcoinperson.jpg';
+    const dreadPhoto = '/img/team/dread.jpg';
+    const elainePhoto = '/img/team/elaine.png';
+    const j9RoemPhoto = '/img/team/j9Roem.png';
+    const jamesPhoto = '/img/team/james.jpg';
+    const k3tanPhoto = '/img/team/k3tan.png';
+    const mattOdellPhoto = '/img/team/matt.jpg';
+    const niftyneiPhoto = '/img/team/niftynei.jpg';
+    const udiPhoto = '/img/team/udi.jpg';
+
+    // Supporters
+    const andrewWBlairLogo = '/img/supporters/andrew-w-blair.jpg';
+    const thebitcoincompanyLogo = '/img/supporters/thebitcoincompany.jpg';
+    const bottlepayLogo = '/img/supporters/bottlepay.png';
+    const btcPayServerLogo = '/img/supporters/btc-pay-server.png';
+    const duxReserveLogoWithCastlenine = '/img/supporters/castlenine-dux-reserve.jpg';
+    const coinkiteLogo = '/img/supporters/coinkite.png';
+    const gregFossLogo = '/img/supporters/greg-foss.jpg';
+    const jeremyRubinLogo = '/img/supporters/jeremy-rubin.gif';
+    const johnPfefferLogo = '/img/supporters/john-pfeffer.jpg';
+    const ledgerLogo = '/img/supporters/ledger.jpg';
+    const nodlLogo = '/img/supporters/nodl.jpg';
+    const silvergateBankLogo = '/img/supporters/silvergate-bank.png';
+    const swanBitcoinLogo = '/img/supporters/swan.jpg';
+    const ten31Logo = '/img/supporters/ten31.jpg';
+
+    const board: CreditItemProps[] = [
+        { image: j9RoemPhoto, nym: "J9Roem", link: "https://twitter.com/J9Roem" },
+        { image: dreadPhoto, nym: "Dread", link: "https://twitter.com/PoleVaultDream" },
+        { image: elainePhoto, nym: "Elaine", link: "https://twitter.com/eiaine" },
+        { image: jamesPhoto, nym: "James", link: "https://twitter.com/jamesob" },
+        { image: k3tanPhoto, nym: "K3tan", link: "https://twitter.com/_k3tan" },
+        { image: mattOdellPhoto, nym: "Matt Odell", link: "https://twitter.com/matt_odell" },
+        { image: niftyneiPhoto, nym: "Niftynei", link: "https://twitter.com/niftynei" },
+        { image: udiPhoto, nym: "Udi", link: "https://twitter.com/udiwertheimer" },
+        { image: abitcoinpersonPhoto, nym: "Abitcoinperson", link: "https://twitter.com/abitcoinperson" }
+    ]
+
+    const supporters: CreditItemProps[] = [
+        { link: "https://bottlepay.com/", image: bottlepayLogo, nym: "Bottlepay" },
+        { link: "https://btcpayserver.org/", image: btcPayServerLogo, nym: "BTCPay Server" },
+        { link: "https://twitter.com/castlenine_", image: duxReserveLogoWithCastlenine, nym: "Dux Reserve" },
+        { link: "https://coinkite.com/", image: coinkiteLogo, nym: "Coinkite" },
+        { link: "https://twitter.com/FossGregfoss", image: gregFossLogo, nym: "Greg Foss" },
+        { link: "https://judica.org/", image: jeremyRubinLogo, nym: "Jeremy Rubin" },
+        { link: "https://twitter.com/jlppfeffer", image: johnPfefferLogo, nym: "John Pfeffer" },
+        { link: "https://www.ledger.com/", image: ledgerLogo, nym: "Ledger" },
+        { link: "https://www.nodl.it/", image: nodlLogo, nym: "nodl" },
+        { link: "https://silvergate.com/", image: silvergateBankLogo, nym: "Silvergate Bank" },
+        { link: "https://www.swanbitcoin.com/", image: swanBitcoinLogo, nym: "Swan Bitcoin" },
+        { link: "https://www.lowtimepreferencefund.com/", image: ten31Logo, nym: "Ten31" },
+        { link: "https://www.manningfulton.com/people/attorneys/andrew-w-blair/", image: andrewWBlairLogo, nym: "Andrew W. Blair" },
+        { link: "https://twitter.com/thebtccompany", image: thebitcoincompanyLogo, nym: "The Bitcoin Company" }
+    ];
+
+
+
+
+    return (
+        <section className="bg-black p-4 flex flex-col items-center">
+            <h1 className="text-white my-4">Board</h1>
+            <div className="container flex flex-wrap items-center justify-center mb-8">
+                {board.map(b =>
+                    <CreditItem image={b.image} link={b.link} nym={b.nym} />
+                )}
+            </div>
+
+            <h1 className="text-white my-4">Supporters</h1>
+            <div className="container flex flex-wrap items-center justify-center">
+                {supporters.map(b =>
+                    <CreditItem image={b.image} link={b.link} nym={b.nym} />
+                )}
+            </div>
+        </section >
+    )
+}
+
+export default Credits

docs/projects/jon_atack_project.md

@@ -1,6 +1,6 @@
 ---
 title: 'Jon Atack Project'
-summary: 'I began contributing to Bitcoin Core in March 2019, self-funding my first year on the project. Since the beginning, I have consistently been one of the most active contributors and reviewers on all areas of Bitcoin Core (top 4 committer, currently #15 all time), working and reviewing to move high-impact projects forward wherever needed. I also write and review for Bitcoin Optech and co-maintain the Bitcoin Core PR Review Club website and twitter account.'
+summary: 'I began contributing to Bitcoin Core in March 2019, self-funding my first year on the project.'
 website: 'https://jonatack.github.io'
 coverImage: '/img/placeholder.jpg'
 git: 'jonatack'
@@ -9,6 +9,8 @@ twitter: 'jonatack'
 
 ## About this project
 
+Since the beginning, I have consistently been one of the most active contributors and reviewers on all areas of Bitcoin Core (top 4 committer, currently #15 all time), working and reviewing to move high-impact projects forward wherever needed. I also write and review for Bitcoin Optech and co-maintain the Bitcoin Core PR Review Club website and twitter account.
+
 I would continue to work consistently as one of the most prolific committers and reviewers on Bitcoin Core.
 
 ## Other Relevant Links

docs/projects/michael_ford_project.md

@@ -1,7 +1,11 @@
 ---
 title: 'Michael Ford Project'
-summary: "I'm one of the Bitcoin Core maintainers. My work is code review, triaging and ultimately merging changes into Bitcoin Core. More recently I've been involved in the release process. Outside of that my focus is mostly on the build system and security."
+summary: "I'm one of the Bitcoin Core maintainers. My work is code review, triaging and ultimately merging changes into Bitcoin Core."
 coverImage: '/img/placeholder.jpg'
 git: 'fanquake'
 twitter: 'fanquake'
 ---
+
+## About this project
+
+More recently I've been involved in the release process. Outside of that my focus is mostly on the build system and security.

pages/index.tsx

@@ -8,6 +8,7 @@ import Image from "next/image";
 import unicorn from "/public/heroes/unicorn.png"
 import { getAllPosts, getPostBySlug } from "../utils/md";
 import markdownToHtml from "../utils/markdownToHtml";
+import Credits from "../components/Credits";
 
 const Home: NextPage<{ projects: any }> = ({ projects }) => {
   const [modalOpen, setModalOpen] = useState(false);
@@ -42,6 +43,7 @@ const Home: NextPage<{ projects: any }> = ({ projects }) => {
           </div>
         </section>
         <ProjectList projects={projects} />
+        <Credits />
       </main>
       <PaymentModal isOpen={modalOpen} onRequestClose={closeModal} />
     </>