From 7b2d4c516b42eabaca955b8eaa83a34ca665a79a Mon Sep 17 00:00:00 2001
From: Marcel <kingofdog@web.de>
Date: Tue, 9 Jan 2018 16:15:05 +0100
Subject: [PATCH] Add site footer

---
 index.html |  6 ++++++
 style.css  | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/index.html b/index.html
index 4dea2c8..a929943 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,12 @@
     <button id="game-play">Play!</button>
     <button id="game-reset">Reset</button>
 </div>
+<div id="footer">
+    <span id="version-author">v0.0.2a - by KingOfDog</span>
+    <div id="corner-buttons">
+        <a id="git-repo" href="https://github.com/KingOfDog/Tetris.js" target="_blank">Github</a>
+    </div>
+</div>
 <script src="language.js"></script>
 <script src="tetris.js"></script>
 <script src="menu.js"></script>
diff --git a/style.css b/style.css
index 063d4b8..1905441 100644
--- a/style.css
+++ b/style.css
@@ -112,3 +112,39 @@ body {
     font-weight: 300;
     transform: translate(0, -50%);
 }
+
+#footer {
+    position: absolute;
+    bottom: 10px;
+    width: 95%;
+    left: 2.5%;
+    right: 2.5%;
+    font-size: 12px;
+    color: rgba(255, 255, 255, .5);
+}
+
+#version-author {
+    display: inline-block;
+}
+
+#corner-buttons {
+    display: inline-block;
+    position: absolute;
+    right: 0;
+}
+
+#corner-buttons > a {
+    text-decoration: none;
+    display: inline-block;
+    left: 10px;
+    color: rgba(255, 255, 255, .5);
+    -webkit-transition: color .2s;
+    -moz-transition: color .2s;
+    -ms-transition: color .2s;
+    -o-transition: color .2s;
+    transition: color .2s;
+}
+
+#corner-buttons > a:hover, #corner-buttons > a:active {
+    color: rgba(255, 255, 255, 1);
+}