Add site footer

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>

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);
+}