Merge PR #482: Enhanced the footer section (maintainer merge with small fixes)

Author: devanshi14malhotra

frontend/css/style.css

@@ -5491,3 +5491,49 @@ input:checked+.slider:before {
         justify-content: flex-end;
     }
 }
+
+
+.footer-logo {
+  height: 40px;
+  width: auto;
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  font-size: 1.3rem;
+  font-weight: bold;
+}
+
+.main-footer {
+ 
+  padding: 4rem 2rem 1rem;
+}
+
+.footer-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 2rem;
+}
+
+.footer-container a {
+ 
+  text-decoration: none;
+  transition: color 0.3s ease;
+}
+
+
+
+.social-icons {
+  display: flex;
+  gap: 1rem;
+}
+
+.footer-bottom {
+  text-align: center;
+  margin-top: 3rem;
+  padding-top: 1rem;
+  border-top: 1px solid #374151;
+}
+

frontend/js/footer.js

@@ -1,26 +1,28 @@
 const createFooter = () => {
+  const year = new Date().getFullYear();
+
   const footerHTML = `
     <footer class="main-footer">
       <div class="footer-container">
         <!-- Brand Section -->
         <div class="footer-brand">
-          <a href="/index.html" class="logo">
-            <img style="height: 40px" src="/assets/images/biblioDrift_favicon.png" alt="BiblioDrift Logo"> BiblioDrift
+          <a href="/index.html" class="logo" aria-label="BiblioDrift Home">
+            <img class="footer-logo" src="/assets/images/biblioDrift_favicon.png" alt="BiblioDrift Logo"> BiblioDrift
           </a>
           <p class="footer-tagline">"There is no frigate like a book to take us lands away."</p>
           <p class="footer-subtext">&mdash; Emily Dickinson</p>
         </div>
 
         <!-- Quick Links -->
-        <div class="footer-nav">
+        <nav class="footer-nav" aria-label="Footer Navigation">
           <h3>Explore</h3>
           <ul>
             <li><a href="/index.html">Discovery</a></li>
             <li><a href="/library.html">My Library</a></li>
             <li><a href="/chat.html">Literary Chat</a></li>
             <li><a href="/auth.html">Account</a></li>
           </ul>
-        </div>
+        </nav>
 
         <div class="footer-legal">
           <h3>Legal</h3>
@@ -35,22 +37,24 @@ const createFooter = () => {
           <h3>Connect</h3>
           <div class="social-icons">
             <a href="https://www.linkedin.com/in/devanshi5malhotra/" target="_blank" rel="noopener noreferrer" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
-            <a href="#" title="Instagram"><i class="fab fa-instagram"></i></a>
-            <a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a>
-            <a href="https://github.com/devanshi14malhotra/BiblioDrift" target="_blank" rel="noopener noreferrer" title="GitHub">
+            <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+            <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+            <a href="https://github.com/devanshi14malhotra/BiblioDrift" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
               <i class="fa-brands fa-github"></i>
             </a>
           </div>
         </div>
       </div>
 
       <div class="footer-bottom">
-        <p>&copy; 2026 BiblioDrift. Curated with <i class="fa-solid fa-heart"></i> for book lovers.</p>
+        <p>&copy; ${year} BiblioDrift. Curated with <i class="fa-solid fa-heart"></i> for book lovers.</p>
       </div>
     </footer>
   `;
 
-  document.body.insertAdjacentHTML('beforeend', footerHTML);
+  if (!document.querySelector('.main-footer')) {
+    document.body.insertAdjacentHTML('beforeend', footerHTML);
+  }
 };
 
 createFooter();

scratch/test_cache_namespacing.py

@@ -6,7 +6,7 @@
 # Add backend to path
 sys.path.append(os.path.join(os.getcwd(), 'backend'))
 
-from cache_service import CacheConfig, CacheNamespace, CacheKey, cache_service
+from cache_service import CacheConfig, CacheNamespace, CacheKey, cache_service, cached_result
 
 def test_cache_key_generation():
     print("Testing Cache Key Generation...")