From 3e147c3f151d1ecf0a6aedef322c7380a2f265c6 Mon Sep 17 00:00:00 2001
From: "Felix W. Dekker" <felix@fwdekker.com>
Date: Mon, 10 Jun 2019 14:34:53 +0200
Subject: [PATCH] Add Roboto and move footer to bottom

---
 index.html | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 30db244..86bddb2 100644
--- a/index.html
+++ b/index.html
@@ -10,19 +10,33 @@
 
     <title>Dice probabilities | FWDekker</title>
 
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
+          crossorigin="anonymous" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
           integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.min.css"
           integrity="sha256-Ro/wP8uUi8LR71kwIdilf78atpu8bTEwrK5ZotZo+Zc=" crossorigin="anonymous" />
 
     <style>
+        html {
+            height: 100%;
+        }
+
         body {
-            margin-top: 50px;
-            margin-bottom: 50px;
+            position: relative;
+
+            padding-top: 5rem;
+            padding-bottom: 9rem; /* Footer paddings + 1 */
+            min-height: 100%;
         }
 
         .footer {
-            margin-top: 50px;
+            position: absolute;
+            bottom: 0;
+
+            padding-top: 5rem;
+            padding-bottom: 3rem;
+            width: 100%;
         }
     </style>
 </head>
@@ -85,7 +99,10 @@
         <!-- Footer -->
         <footer class="footer">
             <section class="container">
-                <p>Made by <a href="https://fwdekker.com/">Felix W. Dekker</a>. Licensed under the <a href="https://git.fwdekker.com/FWDekker/dice/src/branch/master/LICENSE">MIT License</a>. Source code available on <a href="https://git.fwdekker.com/FWDekker/dice/">git</a>.</p>
+                Made by <a href="https://fwdekker.com/">Felix W. Dekker</a>.
+                Licensed under the
+                <a href="https://git.fwdekker.com/FWDekker/dice/src/branch/master/LICENSE">MIT License</a>.
+                Source code available on <a href="https://git.fwdekker.com/FWDekker/dice/">git</a>.
             </section>
         </footer>
     </main>