added a thing that makes the footer be at the bottom of the page

This commit is contained in:
Lynne Megido 2020-04-06 22:34:35 +10:00
parent 29fc270abf
commit 410d12b374
Signed by: lynnesbian
GPG key ID: F0A184B5213D9F90
2 changed files with 10 additions and 2 deletions

View file

@ -87,8 +87,10 @@
</head> </head>
<body> <body>
<div id='thing-that-makes-the-footer-be-at-the-bottom-of-the-page'>
{% unless page.no_header %}{% include header.html %}{% endunless %} {% unless page.no_header %}{% include header.html %}{% endunless %}
{{ content }} {{ content }}
</div>
{% unless page.no_footer %}{% include footer.html %}{% endunless %} {% unless page.no_footer %}{% include footer.html %}{% endunless %}
</body> </body>

View file

@ -1,6 +1,12 @@
body { body {
font-family: "Liberation Sans", "Nimbus Sans", "Arial", "Helvetica", sans-serif; font-family: "Liberation Sans", "Nimbus Sans", "Arial", "Helvetica", sans-serif;
margin: 0; margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
#thing-that-makes-the-footer-be-at-the-bottom-of-the-page {
flex: 1 1;
} }
h1 { h1 {