Add a fixed-size footer to not have content flush to the screen bottom
This commit is contained in:
parent
450e327061
commit
43b0f83d7a
2 changed files with 10 additions and 3 deletions
|
@ -41,11 +41,13 @@ EOF
|
||||||
<a href="/contact">contact</a>
|
<a href="/contact">contact</a>
|
||||||
<a href="/rss.xml"><img src="/rss.png" style="height: 15px; width: auto; vertical-align:middle;"></img></a>
|
<a href="/rss.xml"><img src="/rss.png" style="height: 15px; width: auto; vertical-align:middle;"></img></a>
|
||||||
</nav>
|
</nav>
|
||||||
<div id="content">
|
<main>
|
||||||
EOF
|
EOF
|
||||||
cat
|
cat
|
||||||
cat <<-"EOF"
|
cat <<-"EOF"
|
||||||
</div>
|
</main>
|
||||||
|
<footer>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
EOF
|
EOF
|
||||||
|
|
|
@ -35,7 +35,7 @@ h1:hover a:empty, h2:hover a:empty, h3:hover a:empty,
|
||||||
h4:hover a:empty, h5:hover a:empty, h6:hover a:empty {
|
h4:hover a:empty, h5:hover a:empty, h6:hover a:empty {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
#content > img {
|
main > img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
figure {
|
figure {
|
||||||
|
@ -117,3 +117,8 @@ th, td {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 25px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue