README.md

@@ -13,13 +13,9 @@ A nearly live map of [Meshtastic](https://meshtastic.org/) nodes seen by the off
 ### How do I get my node on the map?
 These are general requirements. Refer to the [official docs](https://meshtastic.org/docs/configuration/) or reach out to the fantastic Meshtastic community
 (such as at [r/meshtastic](https://www.reddit.com/r/meshtastic/)) for additional support.
-- First, make sure you are running a [recent firmware](https://meshtastic.org/downloads/) version
 - Use the default primary channel and encryption key
-- Enable "OK to MQTT" in LoRa configuration (signaling you want your messages uplinked via MQTT)
 - Enable position reports from your node
   - This may mean enabling your node's built-in GPS, sharing your phone's location via the app, or setting a fixed position
-  - Ensure "Position enabled" is enabled on the primary channel
-  - Precise locations are filtered (see important update below -- the default precision will work)
 
 If your node can be heard by another node already reporting to MQTT, that's it!
 
@@ -28,7 +24,7 @@ Meshtastic has [made a change to their MQTT server](https://meshtastic.org/blog/
 
 > Only position packets with imprecise location information [10-16 bits] will be passed to the topic, ensuring that sensitive data is not exposed.
 
-The most accurate resolution that conforms to this specification is 364 meters/1194 feet.
+The most accurate resolution that conforms to this specification is: 364 meters/1194 feet.
 
 Additionally, only the default [LoRa region](https://meshtastic.org/docs/configuration/radio/lora/#region)-based root topics (and all subtopics) are now monitored.
 

website/index.html

@@ -49,7 +49,7 @@
     text-decoration: none;
   }
   #header a:hover {
-    opacity: 0.7;
+    text-decoration: underline;
   }
   #header div:nth-child(2) {
     flex-grow: 1;
@@ -98,14 +98,14 @@
 <div id="header">
   <div><a href="https://meshmap.net/" title="A nearly live map of Meshtastic nodes seen by the official Meshtastic MQTT server">MeshMap</a></div>
   <div>
-    <a
-      href="#"
-      onclick="window.localStorage.setItem('theme', document.body.classList.toggle('dark') ? 'dark' : 'light');return false"
+    <span
+      onclick="window.localStorage.setItem('theme', document.body.classList.toggle('dark') ? 'dark' : 'light')"
+      style="cursor:pointer;"
       title="Toggle dark mode"
-    ><i class="fa fa-moon-o fa-lg dark-hidden"></i><i class="fa fa-sun-o fa-lg dark-only"></i></a>
+    ><i class="fa fa-moon-o fa-fw dark-hidden"></i><i class="fa fa-sun-o fa-fw dark-only"></i></span>
   </div>
-  <div><a href="https://github.com/brianshea2/meshmap.net" title="GitHub"><i class="fa fa-github fa-lg"></i></a></div>
   <div><a href="https://meshtastic.org/">Meshtastic</a></div>
+  <div><a href="https://github.com/brianshea2/meshmap.net">GitHub</a></div>
 </div>
 <div id="map"></div>
 <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
@@ -184,7 +184,7 @@
       {
         stateName: 'geolocation-button',
         title: 'Center map to current IP geolocation',
-        icon: 'fa-crosshairs fa-lg',
+        icon: 'fa-crosshairs',
         onClick: () => {
           fetch(`https://ipinfo.io/json?token=${ipinfoToken}`)
             .then(r => r.json())