knazarov/knazarov.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add a fixed-size footer to not have content flush to the screen bottom

Browse source
This commit is contained in:
Konstantin Nazarov 2024-09-15 22:06:40 +01:00
parent 450e327061
commit 43b0f83d7a
Signed by: knazarov
GPG key ID: 4CFE0A42FA409C22
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
bin/page.sh
View file

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

7
style.css
View file

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