index.html

@@ -77,8 +77,8 @@
       background-color: #EBEBEB;
       border-radius: 30px;
       padding: 3em 3em 2em 3em;
-      margin: 2em;
-      width: min(100%, 700px);
+      margin: 1em;
+      width: 90%;
       max-width: 700px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
       color: #000000;
@@ -252,9 +252,7 @@
         padding-top: calc(env(safe-area-inset-top, 1em));
       }
       .splash-box {
-        margin: 1em;
         padding: 2em;
-        width: 90%;
       }
       .top-section {
         flex-direction: column;

meshcore-resources.html

@@ -168,7 +168,8 @@
       opacity: 0.4;
     }
     .btn[target="_blank"]::after,
-    .copy-btn::after {
+    .copy-btn::after,
+    .site-footer a::after {
       display: none;
     }
     .site-footer {
@@ -228,7 +229,7 @@
     <h2>Official Links</h2>
     <p><a href="https://meshcore.co.uk/" target="_blank">meshcore.co.uk</a></p>
     <p><a href="https://flasher.meshcore.co.uk/" target="_blank">flasher.meshcore.co.uk</a></p>
-    <div class="note"><strong>Note:</strong> the flasher requires WebSerial or Web Bluetooth support in your browser.</div>
+    <div class="note"><strong>Note:</strong> the flasher requires WebSerial or Web Bluetooth support in your browser</div>
 
     <h2>MQTT</h2>
     <p>Our MQTT broker is <em>uplink-only</em> and designed for fixed nodes across the state to serve as gateway nodes. Its purpose is not to bridge gaps or extend mesh coverage, but to report local traffic to our own web-based tools for analytical data and metrics to assess the mesh's performance. <strong>This role is best suited for stable, well-placed nodes with reliable coverage.</strong></p>

meshtastic-resources.html

@@ -132,6 +132,14 @@
     .community-tools li {
       margin-bottom: 0.5em;
     }
+    .note {
+      background: #F5F5F5;
+      border-left: 4px solid #2B3A4E;
+      border-radius: 8px;
+      padding: 0.75em 1em;
+      margin: 0.75em 0 0.5em;
+      font-size: 0.95em;
+    }
     .page-header {
       display: flex;
       align-items: center;
@@ -175,7 +183,8 @@
       opacity: 0.4;
     }
     .btn[target="_blank"]::after,
-    .copy-btn::after {
+    .copy-btn::after,
+    .site-footer a::after {
       display: none;
     }
     .site-footer {
@@ -251,7 +260,6 @@
 
     <h3>Key Settings</h3>
     <div class="code-block">
-      <button class="copy-btn" type="button" data-copy-target="meshtastic-mqtt">Copy all</button>
       <pre id="meshtastic-mqtt">MQTT > Enabled > ON
 MQTT > Encryption Enabled > ON
 MQTT > Map Report > OFF
@@ -267,8 +275,7 @@ Channels > Primary Channel > MQTT Downlink > OFF
 Settings > Modules > Neighbor Info > ON
 LoRa > Ok to MQTT > ON</pre>
     </div>
-
-    <p><strong>Note:</strong> CT Mesh's MQTT server is bridged and uplinks to the MQTT servers for both <a href="https://meshtastic.liamcottle.net" target="_blank">meshtastic.liamcottle.net</a> and <a href="https://meshmap.net" target="_blank">meshmap.net</a>.</p>
+    <div class="note"><strong>Note:</strong> CT Mesh's MQTT server is bridged and uplinks to the MQTT servers for both <a href="https://meshtastic.liamcottle.net" target="_blank">meshtastic.liamcottle.net</a> and <a href="https://meshmap.net" target="_blank">meshmap.net</a></div>
 
     <h2>Infrastructure Nodes</h2>
     <p><strong>Important:</strong> Infrastructure roles like <code>ROUTER</code>, <code>REPEATER</code>, <code>ROUTER_CLIENT</code>, or <code>ROUTER_LATE</code> are rarely appropriate. Unless your node is sitting on top of one of the tallest buildings in Hartford with clear line-of-sight across the region, using these roles will hurt more than help. For almost everyone, the correct choice is <code>CLIENT</code>. If you think you've got a node that truly warrants an infrastructure role, reach out first - we'd rather make sure it benefits the mesh than inadvertently weakens it.</p>