Make bottom footer right

tmaegel · Nov 3, 2023 · 353a458 · 353a458
1 parent ebe07f9
commit 353a458
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/themes/custom/static/css/style.css b/themes/custom/static/css/style.css
@@ -21,6 +21,14 @@
   --primary-focus: var(--secondary-focus);
 }
 
+body,
+html {
+  margin: 0;
+  min-height: 100vh;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+}
+
 h1,
 h2,
 h3,
@@ -49,11 +57,8 @@ blockquote > p {
 footer {
   color: var(--muted-color);
   font-size: 0.7em;
-  padding: 8px !important;
-  position: absolute;
-  bottom: 0;
-  left: 0;
   text-align: center;
+  padding: 16px 0px !important;
 }
 
 .margin-t-32 {

diff --git a/themes/custom/templates/base.html b/themes/custom/templates/base.html
@@ -106,8 +106,8 @@
         <main class="container">
             {% block content %}{% endblock %}
         </main>
-        <footer>
-            <span>Toni Mägel © 2023</span>
+        <footer class="container">
+            <span>© 2023 {{ AUTHOR }} · Website powered by <a href="https://getpelican.com/">Pelican</a></span>
         </footer>
     </body>
     <script src="{{ SITEURL }}/theme/js/toggle_theme.js"></script>