Add Roboto and move footer to bottom

This commit is contained in:
Florine W. Dekker 2019-06-10 14:34:53 +02:00
parent 5edf7946bd
commit 3e147c3f15
Signed by: FWDekker
GPG Key ID: B1B567AF58D6EE0F
1 changed files with 21 additions and 4 deletions

View File

@ -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>