Added social links to the footer

docusaurus.config.js

@@ -93,6 +93,29 @@ const config = {
     },
     footer: {
       copyright: `<a href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss" style="color: var(--ifm-footer-color)">Powered by ▲ Vercel</a> | Meshtastic® is a registered trademark of Geeksville Industries LLC`,
+      links: [
+        {
+          //title: 'Social',
+          items: [
+            {
+              label: 'YouTube',
+              to: 'https://www.youtube.com/meshtastic',
+            },
+            {
+              label: 'Discord',
+              to: 'https://discord.com/invite/UQJ5QuM7vq',
+            },
+            {
+              label: 'GitHub',
+              to: 'https://github.com/meshtastic',
+            },
+            {
+              label: 'Forum',
+              to: 'https://meshtastic.discourse.group',
+            },
+          ],
+        },
+      ],
     },
     algolia: {
       apiKey: "01ad7e13d3fe392d2ad26da3c69dbc21",

src/css/custom.css

@@ -50,3 +50,21 @@ html[data-theme="dark"] .header-github-link:before {
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
   }
 }
+
+.footer__items {
+  width: 1000px;
+  text-align: center;
+  font-weight: bold;
+}
+
+.footer__item {
+  display: inline;
+  list-style-type: none;
+  line-height: 44px;
+}
+
+.footer__item ~ .footer__item::before {
+  content: ' | '; 
+  padding: 0 15px;
+}
+