ctmesh/map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/public/index.html

Browse Source
This commit is contained in:
noah
2025-04-11 02:36:33 +00:00
parent 43cf12015d
commit b342e09d8f
1 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/public/index.html
View File

@ -3,16 +3,16 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Meshtastic Map</title> <title>CT Mesh Map</title>
<meta name="title" content="Meshtastic Map"> <meta name="title" content="Meshtastic Map">
<meta name="description" content="An interactive map of all Meshtastic nodes."> <meta name="description" content="An interactive map of CT Meshtastic nodes.">
<link rel="icon" type="image/png" href="/icon.png"/> <link rel="icon" type="image/png" href="/icon.png"/>
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://meshtastic.liamcottle.net"> <meta property="og:url" content="https://map.ctmesh.org">
<meta property="og:title" content="Meshtastic Map"> <meta property="og:title" content="CT Mesh Map">
<meta property="og:description" content="An interactive map of all Meshtastic nodes."> <meta property="og:description" content="An interactive map of CT Meshtastic nodes.">
<!-- tailwind css --> <!-- tailwind css -->
<script src="assets/js/tailwindcss/tailwind-v3.4.3-forms-v0.5.7.js"></script> <script src="assets/js/tailwindcss/tailwind-v3.4.3-forms-v0.5.7.js"></script>
@ -149,12 +149,12 @@
<div v-if="isShowingAnnouncement" class="flex bg-yellow-300 p-2 border-gray-300 border-b"> <div v-if="isShowingAnnouncement" class="flex bg-yellow-300 p-2 border-gray-300 border-b">
<!-- info --> <!-- info -->
<div class="my-auto leading-tight"> <!-- <div class="my-auto leading-tight">
<div class="font-bold">Service Announcement</div> <div class="font-bold">Service Announcement</div>
<div class="text-sm"> <div class="text-sm">
<span>Changes were made to mqtt.meshtastic.org. Uplink your nodes to <button @click="isShowingInfoModal = true" type="button" class="link">our MQTT server</button> to continue showing on this map.</span> <span>Changes were made to mqtt.meshtastic.org. Uplink your nodes to <button @click="isShowingInfoModal = true" type="button" class="link">our MQTT server</button> to continue showing on this map.</span>
</div> </div>
</div> </div> -->
<!-- action buttons --> <!-- action buttons -->
<div class="flex my-auto ml-auto mr-0 sm:mr-2"> <div class="flex my-auto ml-auto mr-0 sm:mr-2">
@ -358,7 +358,7 @@
<!-- app info --> <!-- app info -->
<div class="w-full mx-auto text-center"> <div class="w-full mx-auto text-center">
<img src="./icon.png" class="mx-auto w-16 h-16 rounded mb-1"/> <img src="./icon.png" class="mx-auto w-16 h-16 rounded mb-1"/>
<h1 class="font-bold">Meshtastic Map</h1> <h1 class="font-bold">CT Mesh Map</h1>
<h2>Created by <a class="link" target="_blank" href="https://liamcottle.com">Liam Cottle</a></h2> <h2>Created by <a class="link" target="_blank" href="https://liamcottle.com">Liam Cottle</a></h2>
<div class="w-full mx-auto text-center space-x-1 mt-2"> <div class="w-full mx-auto text-center space-x-1 mt-2">
@ -399,7 +399,7 @@
<!-- welcome --> <!-- welcome -->
<div class="bg-green-100 rounded p-2 border border-green-200"> <div class="bg-green-100 rounded p-2 border border-green-200">
👋 Welcome to my open source map of Meshtastic nodes heard on MQTT. A map of Meshtastic nodes on the CT Mesh heard via MQTT.
</div> </div>
<!-- features --> <!-- features -->
@ -433,15 +433,12 @@
<div class="bg-gray-100 rounded p-2 border border-gray-200"> <div class="bg-gray-100 rounded p-2 border border-gray-200">
<div class="font-semibold">What MQTT server should I use?</div> <div class="font-semibold">What MQTT server should I use?</div>
<ul class="list-disc list-inside"> <ul class="list-disc list-inside">
<li>Address: mqtt.meshtastic.liamcottle.net</li> <div>Specific nodes on the CT Mesh will report to this map, so there's nothing you need to do aside from enabling the following under LoRa configuration:</div>
<li>Username: uplink</li> <li>Ignore MQTT: Disabled</li>
<li>Password: uplink</li> <li>OK to MQTT: Enabled</li>
<li>Encryption Enabled: Yes</li>
<li>JSON Output: No</li>
<li>TLS Enabled: No</li>
</ul> </ul>
<div>Please note, nodes can only uplink to this server. Downlink is disabled.</div> <div>Important: without this configuration, your node may not show up on the map.</div>
<div>We suggest running dedicated nodes for uplinking to the map.</div> <div>If you are out of range of a designated MQTT-connected node and have a site that would be a good MQTT gateway, contact us in the <a target="_blank" href="https://discord.gg/m4F328as3K" class="link">CT Mesh Discord</a>.</div>
</div> </div>
<div class="bg-gray-100 rounded p-2 border border-gray-200"> <div class="bg-gray-100 rounded p-2 border border-gray-200">
<div class="font-semibold">How do I remove my node from the map?</div> <div class="font-semibold">How do I remove my node from the map?</div>
@ -449,7 +446,7 @@
<div>Disable position reporting in your node to prevent it coming back.</div> <div>Disable position reporting in your node to prevent it coming back.</div>
<div>Use custom encryption keys so the public can't see your position data.</div> <div>Use custom encryption keys so the public can't see your position data.</div>
<div>If your node has v2.5 firmware or newer, we ignore packets if "OK to MQTT" is disabled.</div> <div>If your node has v2.5 firmware or newer, we ignore packets if "OK to MQTT" is disabled.</div>
<div>To have your node removed now, please <a target="_blank" href="https://liamcottle.com/contact" class="link">contact me</a>.</div> <div>To have your node removed now, please contact us in the <a target="_blank" href="https://discord.gg/m4F328as3K" class="link">CT Mesh Discord</a>.</div>
</div> </div>
<div class="bg-gray-100 rounded p-2 border border-gray-200"> <div class="bg-gray-100 rounded p-2 border border-gray-200">
<div class="font-semibold">How do I see neighbours a node heard?</div> <div class="font-semibold">How do I see neighbours a node heard?</div>