adam/potato-mesh
1
0
Fork 0
mirror of https://github.com/l5yth/potato-mesh.git synced 2026-08-09 18:33:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add persistent footer with contact information (#22)

Browse Source 
* Add persistent footer with contact information

* add github link
This commit is contained in:
l5y
2025-09-13 18:49:29 +02:00
committed by GitHub
parent 52d3430edb
commit f9cf90e210
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/public/index.html
+10 -3
View File
@@ -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) {