Add socials

pages/_app.tsx

@@ -31,7 +31,7 @@ function MyApp({ Component, pageProps }: AppProps) {
       <meta name="msapplication-TileImage" content="/mstile-310x310.png" />
       <meta name="theme-color" content="#444444" />
     </Head>
-    <Component {...pageProps} />;
+    <Component {...pageProps} />
   </>;
 }
 

pages/index.tsx

@@ -1,5 +1,7 @@
 import type { NextPage } from "next";
 import Head from "next/head";
+import Link from "next/link";
+import { GithubLogo, InstagramLogo, DiscordLogo } from "phosphor-react";
 import REPL from "../components/REPL";
 import styles from "../styles/Home.module.css";
 
@@ -10,6 +12,26 @@ const Home: NextPage = () => {
     </Head>
     <div className={styles.container}>
       <REPL />
+      <div className={styles.footer}>
+        <span className={styles.spacer} />
+        <Link href="https://git.c0ntroller.de/c0ntroller/frontpage"><a>Source</a></Link>
+        <span className={styles.divider}>|</span>
+        <Link href="https://git.c0ntroller.de/c0ntroller/frontpage/issues/new"><a>Bug?</a></Link>
+        <span className={styles.divider}>|</span>
+        <Link href="https://github.com/C0ntroller" passHref><GithubLogo color="var(--repl-color)" weight="light" className={styles.iconLink} /></Link>
+        <span className={styles.divider}>|</span>
+        <Link href="https://github.com/C0ntroller" passHref><InstagramLogo color="var(--repl-color)" weight="light" className={styles.iconLink} /></Link>
+        <span className={styles.divider}>|</span>
+        <Link href="https://github.com/C0ntroller" passHref>
+          <span className={styles.tooltip}>
+            <DiscordLogo color="var(--repl-color)" weight="light" className={styles.iconLink} />
+            <span className={styles.tooltiptext}>
+              C0ntroller_Z#3883
+            </span>
+          </span>
+        </Link>
+        <span className={styles.spacer} />
+      </div>
     </div>
   </>);
 };