make real bottom footer

aloxe · Dec 21, 2024 · 23a3098 · 23a3098
1 parent 58c1da0
commit 23a3098
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 15 deletions.
diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk
@@ -6,22 +6,25 @@
     {% endblock %}
   </head>
   <body>
-    {% block menu %}
-      {% include "menu.njk" %}
-    {% endblock %}
-
-    {% block main %}
-      <main class="container mx-auto px-6 pt-4 pb-16 {% if ismarkdown %}mkdn{% endif %}">
-        {% block header %}
-          {% include "header.njk" %}
-        {% endblock %}
+    <!-- wrapper for sticky footer needs a fixed height for the footer 
+    because the flex solution breaks in lighthouse -->
+    {# <div class="min-h-[calc(100vh-3.5rem)]">  #}
+      {% block menu %}
+        {% include "menu.njk" %}
+      {% endblock %}
 
-        {% block content %}
-          {{ content | safe }}
-        {% endblock %}
-      </main>
-    {% endblock %}
+      {% block main %}
+        <main class="container mx-auto px-6 py-4 {% if ismarkdown %}mkdn{% endif %}">
+          {% block header %}
+            {% include "header.njk" %}
+          {% endblock %}
 
+          {% block content %}
+            {{ content | safe }}
+          {% endblock %}
+        </main>
+      {% endblock %}
+    {# </div> #}
     {% block footer %}
         {% include "footer.njk" %}
     {% endblock %}

diff --git a/src/_layouts/includes/footer.njk b/src/_layouts/includes/footer.njk
@@ -1,3 +1,3 @@
-<footer class="bg-black text-white text-center p-4 fixed bottom-0 w-full">
+<footer class="bg-black text-white text-center p-4 w-full h-14">
   made with ♥
 </footer>