From 4ce681b34be2bad771a0fe5c631fdcf2197ed901 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel.kluge.98@gmx.de>
Date: Fri, 17 Dec 2021 20:55:14 +0100
Subject: [PATCH] Fix links, add steam

---
 pages/index.tsx        | 12 +++++++-----
 styles/Home.module.css |  4 ++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index c79478e..0860189 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,7 +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 { GithubLogo, InstagramLogo, DiscordLogo, GameController } from "phosphor-react";
 import REPL from "../components/REPL";
 import styles from "../styles/Home.module.css";
 
@@ -18,18 +18,20 @@ const Home: NextPage = () => {
         <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>
+        <Link href="https://github.com/C0ntroller" passHref><GithubLogo color="var(--repl-color)" 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>
+        <Link href="https://www.instagram.com/c0ntroller/" passHref><InstagramLogo color="var(--repl-color)" className={styles.iconLink} /></Link>
         <span className={styles.divider}>|</span>
-        <Link href="https://github.com/C0ntroller" passHref>
+        <Link href="https://discordapp.com/users/224208617820127233" passHref>
           <span className={styles.tooltip}>
-            <DiscordLogo color="var(--repl-color)" weight="light" className={styles.iconLink} />
+            <DiscordLogo color="var(--repl-color)" className={styles.iconLink} />
             <span className={styles.tooltiptext}>
               C0ntroller_Z#3883
             </span>
           </span>
         </Link>
+        <span className={styles.divider}>|</span>
+        <Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
         <span className={styles.spacer} />
       </div>
     </div>
diff --git a/styles/Home.module.css b/styles/Home.module.css
index 873e4b4..7283e5a 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -62,7 +62,7 @@
     z-index: 1;
     bottom: 125%;
     left: 50%;
-    margin-left: -60px;
+    margin-left: -70px;
     opacity: 0;
     transition: opacity 0.1s;
 }
@@ -75,7 +75,7 @@
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
-    border-color: #555 transparent transparent transparent;
+    border-color: #333 transparent transparent transparent;
 }
 
 .tooltip:hover .tooltiptext {