icons for social link test

Author: gigapod

docs/docusaurus.config.ts

@@ -170,18 +170,6 @@ const config: Config = {
                 {
                     title: 'Community',
                     items: [
-                        {
-                            label: 'GitHub',
-                            href: 'https://github.com/sparkfun/SparkFun_DataLogger',
-                        },
-                        {
-                            label: 'YouTube',
-                            href: 'https://www.youtube.com/sparkfun',
-                        },
-                        {
-                            label: 'X',
-                            href: 'https://x.com/sparkfun',
-                        },
                         {
                             html: `
                 <a href="https://www.youtube.com/sparkfun" target="_blank" rel="noreferrer noopener" aria-label="SparkFun on YouTube">
@@ -209,28 +197,54 @@ const config: Config = {
                   <img src="img/social-twitter.svg" class="social-image" alt="SparkFun on Twitter" width="32" height="32" />
                 </a>
               `,
-                        }
-                    ],
-                },
-                {
-                    title: 'SparkFun',
-                    items: [
-                        {
-                            label: 'Community Forum',
-                            href: 'https://community.sparkfun.com/',
                         },
                         {
-                            label: 'SparkFun.com',
-                            href: 'https://www.sparkfun.com/',
-                        },
-                    ],
+                            html: '<table style="border:none; border-collapse:collapse;">
+                                < tr >
+                                <td style="border:none; padding:0;">
+                                    <a href="https://www.youtube.com/sparkfun" target = "_blank" rel="noreferrer noopener" aria- label="SparkFun on YouTube" >
+                        <img src="img/social-youtube.svg" class= "social-image" alt = "SparkFun on YouTube" width = "32" height = "32" />
+                        </a>
+                        </td>
+                        < td style = "border:none; padding:0;" >
+                        <a href="https://www.github.com/sparkfun" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on GitHub" >
+                        <img src="img/social-github.svg" class= "social-image" alt = "SparkFun on GitHub" width = "32" height = "32" />
+                        </a>
+                        </td>
+                        < td style = "border:none; padding:0;" >
+                        <a href="https://www.instagram.com/sparkfun/" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on Instagram" >
+                        <img src="img/social-instagram.svg" class= "social-image" alt = "SparkFun on Instagram" width = "32" height = "32" />
+                        </a>
+                        </td>
+                        < td style = "border:none; padding:0;" >
+                        <a href="https://twitter.com/sparkfun" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on Twitter" >
+                        <img src="img/social-twitter.svg" class= "social-image" alt = "SparkFun on Twitter" width = "32" height = "32" />
+                        </a>
+                        </td>
+                        </tr>
+                        </table>'
+                            }
+            ],
+        },
+                {
+    title: 'SparkFun',
+        items: [
+            {
+                label: 'Community Forum',
+                href: 'https://community.sparkfun.com/',
+            },
+            {
+                label: 'SparkFun.com',
+                href: 'https://www.sparkfun.com/',
+            },
+        ],
                 },
             ],
-            copyright: `Copyright © ${new Date().getFullYear()} SparkFun Electronics`,
+copyright: `Copyright © ${new Date().getFullYear()} SparkFun Electronics`,
         },
-        prism: {
-            theme: prismThemes.github,
-            darkTheme: prismThemes.dracula,
+prism: {
+    theme: prismThemes.github,
+        darkTheme: prismThemes.dracula,
         },
     } satisfies Preset.ThemeConfig,
 };