Get the footer style working and add a demo page to demo it

[wiki] / templates / page.html

diff --git a/templates/page.html b/templates/page.html
index c028b5b..fbf07ca 100644 (file)
--- a/templates/page.html
+++ b/templates/page.html
@@ -16,6 +16,7 @@
       html {
         font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
         font-size: 18px;
+        min-height: 100%;
       }
 
       h1, h2, h3, h4, h5 {
@@ -23,6 +24,9 @@
       }
 
       body {
+        min-height: 100%;
+        position: absolute;
+
         width: 100%;
         margin: 0;
         padding: 0;
@@ -51,6 +55,7 @@
       body > main {
         max-width: 40rem;
         width: calc(100% - 2rem);
+        margin-bottom: 1rem;
       }
 
       body > main > section.content > blockquote,
@@ -69,7 +74,7 @@
       }
 
       body > footer {
-        margin-top: 1rem;
+        margin-top: auto;
         border-top: 1px solid black;
 
         width: 100%;