From f9cf90e2104167c283a69b18dc8426c80e4e6c05 Mon Sep 17 00:00:00 2001
From: l5y <220195275+l5yth@users.noreply.github.com>
Date: Sat, 13 Sep 2025 18:49:29 +0200
Subject: [PATCH] Add persistent footer with contact information (#22)

* Add persistent footer with contact information

* add github link
---
 web/public/index.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)
diff --git a/web/public/index.html b/web/public/index.html
index 62a4db1..1523fa8 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -21,7 +21,7 @@
 
   <style>
     :root { --pad: 16px; }
-    body { font-family: system-ui, Segoe UI, Roboto, Ubuntu, Arial, sans-serif; margin: var(--pad); }
+    body { font-family: system-ui, Segoe UI, Roboto, Ubuntu, Arial, sans-serif; margin: var(--pad); padding-bottom: 32px; }
     h1  { margin: 0 0 8px }
     .meta { color:#555; margin-bottom:12px }
     .pill{ display:inline-block; padding:2px 8px; border-radius:999px; background:#eee; font-size:12px }
@@ -42,13 +42,14 @@
     .legend { background: #fff; padding: 6px 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 12px; line-height: 18px; }
     .legend span { display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: middle; }
     #map .leaflet-tile { filter: opacity(70%); }
+    footer { position: fixed; bottom: 0; left: var(--pad); width: calc(100% - 2 * var(--pad)); background: #fafafa; border-top: 1px solid #ddd; text-align: center; font-size: 12px; padding: 4px 0; }
   </style>
 </head>
 <body>
   <h1>Meshtastic Berlin</h1>
   <div class="row meta">
     <div>
-      <span>#MediumFast - auto-refresh every 30 seconds.</span>
+      <span>#MediumFast — auto-refresh every 60 seconds.</span>
       <span id="status" class="pill">loading…</span>
       <button id="refreshBtn" type="button">Refresh now</button>
     </div>
@@ -81,6 +82,12 @@
     <tbody></tbody>
   </table>
 
+  <footer>
+    PotatoMesh GitHub: <a href="https://github.com/l5yth/potato-mesh" target="_blank">l5yth/potato-mesh</a> —
+    Meshtastic Berlin Matrix:
+    <a href="https://matrix.to/#/#meshtastic-berlin:matrix.org" target="_blank">#meshtastic-berlin:matrix.org</a>
+  </footer>
+
   <script>
     const statusEl = document.getElementById('status');
     const fitBoundsEl = document.getElementById('fitBounds');
@@ -261,7 +268,7 @@
     }
 
     refresh();
-    setInterval(refresh, 30000);
+    setInterval(refresh, 60000);
     refreshBtn.addEventListener('click', refresh);
 
     function updateCount(count) {
