From d28179de73ff5d5008931dcb1dde5310908eb4da Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Sat, 30 Jul 2022 18:23:44 +0200
Subject: [PATCH] Add email link

---
 pages/index.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index cf35324..c4a9d66 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,6 @@
 import type { NextPage, GetStaticProps } from "next";
 import Head from "next/head";
-import { GithubLogo, InstagramLogo, DiscordLogo, GameController } from "phosphor-react";
+import { GithubLogo, InstagramLogo, DiscordLogo, GameController, Envelope } from "phosphor-react";
 import { useEffect, useRef,useCallback } from "react";
 import { useCommands } from "../lib/commands/ContextProvider";
 import { useModalFunctions } from "../components/contexts/ModalFunctions";
@@ -48,20 +48,23 @@ const Home: NextPage<{ buildTime: string }> = ({ buildTime }) => {
                 <span className={styles.divider}>|</span>
                 <a href="https://github.com/C0ntroller/c0ntroller.de/issues/new" target="_blank" rel="noreferrer">Bug?</a>
                 <span className={styles.divider}>|</span>
-                <a href="https://github.com/C0ntroller" target="_blank" rel="noreferrer"><GithubLogo color="var(--repl-color)" className={styles.iconLink} alt="Link to GitHub (Icon)" /></a>
+                <a href="mailto:admin-website@c0ntroller.de" rel="noreferrer"><Envelope color="var(--repl-color)" className={styles.iconLink} alt="E-Mail" /></a>
                 <span className={styles.divider}>|</span>
-                <a href="https://www.instagram.com/c0ntroller/" target="_blank" rel="noreferrer"><InstagramLogo color="var(--repl-color)" className={styles.iconLink} alt="Link to Instagram (Icon)" /></a>
+                <a href="https://github.com/C0ntroller" target="_blank" rel="noreferrer"><GithubLogo color="var(--repl-color)" className={styles.iconLink} alt="GitHub" /></a>
                 <span className={styles.divider}>|</span>
-                <a href="https://steamcommunity.com/id/c0ntroller/" target="_blank" rel="noreferrer"><GameController color="var(--repl-color)" className={styles.iconLink} alt="Link to Steam (Icon)" /></a>
+                <a href="https://www.instagram.com/c0ntroller/" target="_blank" rel="noreferrer"><InstagramLogo color="var(--repl-color)" className={styles.iconLink} alt="Instagram" /></a>
+                <span className={styles.divider}>|</span>
+                <a href="https://steamcommunity.com/id/c0ntroller/" target="_blank" rel="noreferrer"><GameController color="var(--repl-color)" className={styles.iconLink} alt="Steam" /></a>
                 <span className={styles.divider}>|</span>
                 <a href="https://discordapp.com/users/224208617820127233" target="_blank" rel="noreferrer">
                     <span className={styles.tooltip} style={{ cursor: "pointer" }}>
-                        <DiscordLogo color="var(--repl-color)" className={styles.iconLink} alt="Discord Logo with a link and small popup. My Username is C0ntroller_Z#3883." />
+                        <DiscordLogo color="var(--repl-color)" className={styles.iconLink} alt="Discord" />
                         <span className={styles.tooltiptext}>
                             C0ntroller_Z#3883
                         </span>
                     </span>
-                </a><span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
+                </a>
+                <span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
             </div>
             <REPL inputRef={inputRef} buildTime={buildTime} />
         </div>