From a80d74788175a0634603c20ade9d17d1c120067b Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel.kluge@mailbox.tu-dresden.de>
Date: Sun, 26 Dec 2021 16:41:56 +0100
Subject: [PATCH] Footer -> Header (rel: #5)

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

diff --git a/pages/index.tsx b/pages/index.tsx
index 0860189..e766b5b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -11,8 +11,7 @@ const Home: NextPage = () => {
       <title>c0ntroller.de</title>
     </Head>
     <div className={styles.container}>
-      <REPL />
-      <div className={styles.footer}>
+      <div className={styles.header}>
         <span className={styles.spacer} />
         <Link href="https://git.c0ntroller.de/c0ntroller/frontpage"><a>Source</a></Link>
         <span className={styles.divider}>|</span>
@@ -34,6 +33,7 @@ const Home: NextPage = () => {
         <Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
         <span className={styles.spacer} />
       </div>
+      <REPL />
     </div>
   </>);
 };
diff --git a/styles/Home.module.css b/styles/Home.module.css
index 7283e5a..c699aa3 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -6,7 +6,7 @@
     padding: 10px;
 }
 
-.footer {
+.header {
     flex-shrink: 5;
     text-align: center;
     font-family: "Segoe UI", Roboto, Tahoma, Geneva, Verdana, sans-serif;
@@ -15,29 +15,29 @@
     flex-wrap: nowrap;
 }
 
-.footer * {
+.header * {
     margin: auto 0;
 }
 
-.footer a:active,
-.footer a:visited,
-.footer a {
+.header a:active,
+.header a:visited,
+.header a {
     color: var(--repl-color);
     text-decoration: underline;
     font-size: 80%;
 }
 
-.footer a:hover {
+.header a:hover {
     color: var(--repl-color-link);
 }
 
-.footer .divider {
+.header .divider {
     color: var(--repl-color);
     margin: 0 5px;
     font-size: 80%;
 }
 
-.footer .spacer {
+.header .spacer {
     flex-grow: 1;
 }