add links site to footer

index.html

@@ -7,7 +7,7 @@
 
     <!-- opengraph -->
     <meta property="og:title" content="Alex Frantz" />
-    <meta property="og:description" content="Website for Alex Frantz -- developer, professional button clicker, and pro QA heartbreaker" />
+    <meta property="og:description" content="Developer, professional button clicker, and pro QA heartbreaker" />
     <meta property="og:url" content="https://alexav.gg" />
     <meta property="og:image" content="/fs-favicon.png" />
 

src/components/Footer.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { GitHub, LastFM, Twitter, Medal } from './SocialIcons';
+import { GitHub, LastFM, Twitter, Medal, Link } from './SocialIcons';
 
 export default function Footer() {
     const [mailState, setMailState] = useState(false);
@@ -44,6 +44,9 @@ export default function Footer() {
                 <a href="https://medal.tv/users/215577" target="_blank">
                     <Medal />
                 </a>
+                <a href="https://links.alexav.gg" target="_blank">
+                    <Link />
+                </a>
             </div>
         </div>
     )

src/components/SocialIcons.tsx

@@ -74,4 +74,13 @@ export const Medal = () => {
             </g>
         </svg>
     )
+}
+
+export const Link = () => {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" className="w-7 mt-2 h-7 mx-auto bg-white p-1 rounded-lg inline" viewBox="0 0 24 24" width="24" height="24">
+            <path fill="none" stroke="black" stroke-width="2" d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+            <path fill="none" stroke="black" stroke-width="2" d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+        </svg>
+    )
 }