From 2ee0c2bcb936c0d2051532bebfc47a63cd5b562a Mon Sep 17 00:00:00 2001
From: Olasubomi Adekunle <oadekunle@slu.edu>
Date: Thu, 10 Sep 2026 22:30:42 -0500
Subject: [PATCH] feat: add responsive application footer for #76

---
 templates/boneset.html |  6 ++++++
 templates/style.css    | 22 ++++++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/templates/boneset.html b/templates/boneset.html
index 80b1d0d2..18e70a30 100644
--- a/templates/boneset.html
+++ b/templates/boneset.html
@@ -149,6 +149,12 @@ <h2>Visual Reference</h2>
             </nav>
         </div>
     </main>
+
+    <!-- Application Footer -->
+    <footer class="app-footer">
+        <p>&copy; 2026 Digital Bone Box</p>
+        <p>Contact: digitalbonebox@example.com</p>
+    </footer>
     
     <!-- Quiz Modal -->
     <div id="quiz-modal" role="dialog" aria-labelledby="quiz-title" aria-modal="true">
diff --git a/templates/style.css b/templates/style.css
index 2c314bb7..fa41787c 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -358,6 +358,28 @@ body {
     z-index: 9999 !important;
 }
 
+
+/* Application Footer */
+.app-footer {
+    width: 100%;
+    text-align: center;
+    padding: var(--space-4);
+    margin-top: var(--space-4);
+    box-sizing: border-box;
+}
+
+.app-footer p {
+    margin: var(--space-1) 0;
+}
+
+/* Responsive footer */
+@media (max-width: 480px) {
+    .app-footer {
+        padding: var(--space-3);
+        font-size: 0.9rem;
+    }
+}
+
 /* Help Modal */
 .help-modal {
     position: fixed;