ACM/hack-wpi-python
3
0
Fork 0
Code Issues 12 Pull requests Projects Releases Packages Wiki Activity Actions

Fix footer not being at bottom of page

Browse source
This commit is contained in:
Nick Krichevsky 2020-01-09 13:55:36 -05:00
parent 8717014716
commit 841d1a20bf
3 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/css/style.css
View file

@ -1,9 +1,15 @@
@font-face {font-family: "Krungthep"; src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot"); src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff") format("woff"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.svg#Krungthep") format("svg"); } @font-face {font-family: "Krungthep"; src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot"); src: url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.woff") format("woff"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/736cf5b08b01082a3645e14038868e20.svg#Krungthep") format("svg"); }
html {
height: 100%;
}
body { body {
background-color: #00BEBB; background-color: #00BEBB;
font-family: "Krungthep"; font-family: "Krungthep";
color: #eee; color: #eee;
position: relative;
min-height: 100%;
} }
p { p {
@ -104,3 +110,9 @@ p {
nav { nav {
line-height: normal !important; line-height: normal !important;
} }
.footer-nav {
position: absolute;
bottom: 0;
width: 100%;
}

2
templates/footer.html
View file

@ -1,4 +1,4 @@
<nav class="navbar navbar-inverse " style= "margin-top: 30px"> <nav class="navbar navbar-inverse footer-nav" style= "margin-top: 30px">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
</div> </div>

3
templates/index.html
View file

@ -182,5 +182,6 @@ a {
</div> </div>
<!-- A hack for the footer bar -->
<div style="height: 100px"></div>
{% include 'footer.html' %} {% include 'footer.html' %}