Fix header and footer for all pages
This commit is contained in:
fraxle
2026-05-19 17:47:47 +01:00
parent fc89139ad0
commit 33616456b2
4 changed files with 169 additions and 16 deletions
+11 -12
View File
@@ -85,13 +85,13 @@
</header>
<script>
function toggleNav(force) {
var nav = document.getElementById("site-nav");
var drawer = document.getElementById("nav-drawer");
var btn = document.getElementById("burger-btn");
var open = force !== undefined ? force : !nav.classList.contains("nav-open");
nav.classList.toggle("nav-open", open);
drawer.classList.toggle("is-open", open);
btn.setAttribute("aria-expanded", open ? "true" : "false");
const nav = document.getElementById('site-nav');
const drawer = document.getElementById('nav-drawer');
const btn = document.getElementById('burger-btn');
const open = force !== undefined ? force : !nav.classList.contains('nav-open');
nav.classList.toggle('nav-open', open);
drawer.classList.toggle('is-open', open);
btn.setAttribute('aria-expanded', open ? 'true' : 'false');
}
</script>
@@ -331,15 +331,14 @@
<p class="faq-a">Yes - SunScope works for any location worldwide. Search for any city, town, or village using the search bar. The indoor temperature model offers seven building types - brick, modern insulated, Victorian terrace, stone cottage, timber frame, top-floor flat, and conservatory - so you can pick the one that best matches your building wherever you are. All other columns (UTCI, vehicle, UV, soil, concrete) are fully location-agnostic.</p>
</details>
<p style="margin-top: 2.5rem; font-size: 0.9rem; color: #7a5c2a;">
For the science and methodology behind every column, see the <a href="./about.html">About page</a>. To check current conditions for your location, go to the <a href="./index.html">Forecast</a>. Questions not answered here? Email <a href="mailto:hello@sunscope.net">hello@sunscope.net</a>.
</p>
<p style="margin-top: 2.5rem; font-size: 0.9rem; color: #7a5c2a;">For the science and methodology behind every column, see the <a href="./about.html">About page</a>. To check current conditions for your location, go to the <a href="./index.html">Forecast</a>. Questions not answered here? Email <a href="mailto:hello@sunscope.net">hello@sunscope.net</a>.</p>
</main>
<footer>
&copy; 2026 <a href="https://fraxle.net" target="_blank" rel="noopener noreferrer">Fraxle.NET</a> &middot; <a href="./index.html">Forecast</a> &middot; <a href="./about.html">About</a> &middot; <a href="./faq.html">FAQ</a> &middot; <a href="https://billing.stripe.com/p/login/9B63cw7vl8k15Ei9DQd7q00" target="_blank" rel="noopener noreferrer">Account</a> &middot; Data: <a href="https://open-meteo.com/" target="_blank" rel="noopener noreferrer">Open-Meteo</a> &middot; UTCI: <a href="https://utci.org/" target="_blank" rel="noopener noreferrer">Brode 2012</a>
&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="https://billing.stripe.com/p/login/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>
</body>
</html>
</html>