1.6.2

Fix header and footer for all pages

assets/css/ui.css

@@ -638,6 +638,31 @@
   color: #7a5c2a;
 }
 
+/* Site-wide footer - matches about and faq pages */
+.utci-site-footer {
+  text-align: center;
+  padding: 2rem 1.5rem;
+  font-size: 0.82rem;
+  color: #b09870;
+  border-top: 1px solid #e0d0a8;
+  font-family: Manrope, sans-serif;
+  font-weight: 400;
+  text-transform: none;
+  letter-spacing: 0;
+  line-height: 1.7;
+}
+
+.utci-site-footer a {
+  color: #b09870;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.utci-site-footer a:hover {
+  color: #c8922a;
+  text-decoration: underline;
+}
+
 
 /* ── 12. RESPONSIVE  (mobile) ───────────────────────────────────────── */
 /*  On screens narrower than 800px, stack the header vertically and

assets/js/app.js

@@ -545,6 +545,7 @@ export function UTCIForecast() {
         <div class="nav-links" id="nav-drawer">
           <a href="./index.html">Forecast</a>
           <a href="./about.html">About</a>
+          <a href="./faq.html">FAQ</a>
           <a href=${isPro
               ? 'https://billing.stripe.com/p/login/9B63cw7vl8k15Ei9DQd7q00'
               : 'https://buy.stripe.com/9B63cw7vl8k15Ei9DQd7q00'}
@@ -1666,5 +1667,17 @@ ${isPro && (activeProfile === 'custom' || activeCols['air']) && html`<button cla
         </div>
 
       </main>
+      <footer class="utci-site-footer">
+        &copy; 2026 <a href="https://fraxle.net" target="_blank" rel="noopener noreferrer">Fraxle.NET</a>
+        · <a href="./index.html">Forecast</a>
+        · <a href="./about.html">About</a>
+        · <a href="./faq.html">FAQ</a>
+        · <a href=${isPro
+            ? 'https://billing.stripe.com/p/login/9B63cw7vl8k15Ei9DQd7q00'
+            : 'https://buy.stripe.com/9B63cw7vl8k15Ei9DQd7q00'}
+           target="_blank" rel="noopener noreferrer">Account</a>
+        · Data: <a href="https://open-meteo.com/" target="_blank" rel="noopener noreferrer">Open-Meteo</a>
+        · UTCI: <a href="https://utci.org/" target="_blank" rel="noopener noreferrer">Bröde 2012</a>
+      </footer>
     </div>`;
 }