From 43b0f83d7a6b858ff45bcbf10cc2acb185bfa99a Mon Sep 17 00:00:00 2001
From: Konstantin Nazarov <mail@knazarov.com>
Date: Sun, 15 Sep 2024 22:06:40 +0100
Subject: [PATCH] Add a fixed-size footer to not have content flush to the
 screen bottom

---
 bin/page.sh | 6 ++++--
 style.css   | 7 ++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/bin/page.sh b/bin/page.sh
index d3439b7..d271f42 100755
--- a/bin/page.sh
+++ b/bin/page.sh
@@ -41,11 +41,13 @@ EOF
 		<a href="/contact">contact</a>
 		<a href="/rss.xml"><img src="/rss.png" style="height: 15px; width: auto; vertical-align:middle;"></img></a>
 	</nav>
-	<div id="content">
+	<main>
 EOF
 	cat
 	cat <<-"EOF"
-	</div>
+	</main>
+	<footer>
+	</footer>
   </body>
 </html>
 EOF
diff --git a/style.css b/style.css
index efec865..c7820d8 100644
--- a/style.css
+++ b/style.css
@@ -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 {
   visibility: visible;
 }
-#content > img {
+main > img {
   max-width: 100%;
 }
 figure {
@@ -117,3 +117,8 @@ th, td {
     margin: 0;
     padding: 0;
 }
+
+footer {
+    padding: 25px 0;
+    text-align: center;
+}