Add Roboto and move footer to bottom
This commit is contained in:
parent
5edf7946bd
commit
3e147c3f15
25
index.html
25
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>
|
||||
|
|
Loading…
Reference in New Issue