Merge branch 'main' into joeykimsey-com

app/views/footer/container.html

@@ -1,9 +1,23 @@
-<div class="container">
-    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
-        <div class="d-flex align-items-center">
-            <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
-                <img src="{ROOT_URL}images/logo.png" class="bi me-2" width="40" height="32" alt="{SITENAME} Logo" aria-label="{SITENAME} Logo">
-            </a>
+<div class="container mt-auto">
+    <footer class="pt-4">
+        <!-- Footer Toggle Button (Visible on Small Screens) -->
+        <div class="text-center border-top context-main-border">
+            <button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
+                <i class="fa fa-bars"></i>
+            </button>
+        </div>
+
+        <!-- Collapsible Footer Content -->
+        <div class="collapse d-md-block my-4" id="footerMenu">
+            <div class="row">
+                {FOOTER_LEFT}
+                {FOOTER_CENTER}
+                {FOOTER_RIGHT}
+            </div>
+        </div>
+
+        <!-- Copy & Social (Always Visible) -->
+        <div class="d-flex flex-column flex-md-row justify-content-md-between py-3 border-top context-main-border">
             {COPY}
         </div>
         <div class="material-switch">