From eb2cd35e0c95b47013fbe0ace198e015bf104589 Mon Sep 17 00:00:00 2001
From: rcarteraz <robert.l.carter2@gmail.com>
Date: Wed, 3 Apr 2024 14:44:34 -0700
Subject: [PATCH] update contributing

---
 docs/about/contributing.mdx | 55 +++++++++++++++++++++++++++++++++----
 1 file changed, 50 insertions(+), 5 deletions(-)

diff --git a/docs/about/contributing.mdx b/docs/about/contributing.mdx
index ac007c14..fb905e97 100644
--- a/docs/about/contributing.mdx
+++ b/docs/about/contributing.mdx
@@ -7,6 +7,8 @@ description: "Get involved with Meshtastic's open-source project. Contribute to
 ---
 
 import Link from "@docusaurus/Link"
+import ThemedImage from '@theme/ThemedImage';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 ## Volunteer Based Development
 
@@ -78,10 +80,53 @@ If direct development contribution is not feasible for you, financial support is
 
 We're deeply thankful for the backing from the Open Collective, Open Source Collective, DigitalOcean, and Vercel, which has been instrumental in our project's sustainability and growth:
 
-- **Open Collective & Open Source Collective**: Our collaboration with these organizations offers a robust fiscal management framework and banking solutions, supporting our project alongside over three thousand other open source initiatives. Open Collective's transparent framework lets everyone see our finances, including income, expenditures, and contributions on [Meshtastic's Open Collective page](https://opencollective.com/meshtastic). This transparency and support affirm that we're in excellent company.
+  <div style={{ display: 'flex', alignItems: 'flex-start', marginTop: '0.5rem' }}>
+    <img
+      src="/img/Open_Collective_logo_2021.svg"
+      alt="Open Collective"
+      width={150}
+      style={{
+        marginRight: '1rem',
+        padding: '0.25rem',
+      }}
+    />
+    <span>
+      Our collaboration with Open Collective and Open Source Collective offers a robust fiscal management framework and banking solutions, supporting our project alongside over three thousand other open source initiatives. Open Collective's transparent framework lets everyone see our finances, including income, expenditures, and contributions on [Meshtastic's Open Collective page](https://opencollective.com/meshtastic). This transparency and support affirm that we're in excellent company.
+    </span>
+  </div>
 
-- **DigitalOcean**: Champions of open source, DigitalOcean supports Meshtastic through credits, which significantly aid our development, infrastructure, and testing efforts. This contribution is part of their commitment to fostering innovation and collaboration within the open source ecosystem.
+<div style={{ display: 'flex', alignItems: 'flex-start', marginTop: '0.5rem' }}>
+  <ThemedImage
+    alt="This project is supported by DigitalOcean"
+    sources={{
+      light: useBaseUrl('https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_blue.svg'),
+      dark: useBaseUrl('https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_blue.svg'),
+    }}
+    width={150}
+    style={{
+      marginRight: '1rem',
+      padding: '0.25rem',
+    }}
+  />
+  <span>
+    Champions of open source, DigitalOcean supports Meshtastic through credits, which significantly aid our development, infrastructure, and testing efforts. This contribution is part of their commitment to fostering innovation and collaboration within the open source ecosystem.
+  </span>
+</div>
 
-![This project is supported by DigitalOcean](https://opensource.nyc3.cdn.digitaloceanspaces.com/attribution/assets/PoweredByDO/DO_Powered_by_Badge_blue.svg "This project is supported by DigitalOcean")
-
-- **Vercel**: By covering our hosting costs, Vercel directly contributes to Meshtastic's growth, enhancing our web scalability and presence. Their sponsorship is crucial for our continued development and focus on creating a robust platform for decentralized communication.
+<div style={{ display: 'flex', alignItems: 'flex-start', marginTop: '0.5rem' }}>
+  <ThemedImage
+    alt="Vercel"
+    sources={{
+      light: useBaseUrl('/img/vercel-logotype-dark.svg'),
+      dark: useBaseUrl('/img/vercel-logotype-light.svg'),
+    }}
+    width={150}
+    style={{
+      marginRight: '1rem',
+      padding: '0.25rem',
+    }}
+  />
+  <span>
+    By covering our hosting costs, Vercel directly contributes to Meshtastic's growth, enhancing our web scalability and presence. Their sponsorship is crucial for our continued development and focus on creating a robust platform for decentralized communication.
+  </span>
+</div>