byuiars-reop-net/mesh/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Rexburg Mesh – BYU-Idaho Amateur Radio Society</title>
  <link rel="stylesheet" href="/style.css" />
  <script src="/script.js" defer></script>
</head>
<body>

  <!-- Announcement Banner -->
  <div id="banner" class="banner-bg hidden">
    <strong id="banner-title"></strong>: <span id="banner-content"></span>
  </div>

  <!-- Navigation Bar -->
  <nav class="navbar accent-bg">
    <div class="nav-container">
      <a href="/" class="nav-brand">BYU-I Amateur Radio Society</a>

      <!-- Mobile Hamburger Toggle -->
      <button id="menu-toggle" class="icon-button mobile-only" aria-label="Toggle Navigation Menu">
        <svg id="icon-hamburger" class="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
        <svg id="icon-close" class="icon hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>

      <!-- Desktop Links -->
      <div id="desktop-links" class="nav-links desktop-only"></div>

      <!-- Desktop Dark Mode Toggle -->
      <button class="theme-toggle icon-button desktop-only" aria-label="Toggle Dark Mode">
        <svg class="icon icon-sun hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m8.66-8.66h-1M4.34 12H3m15.36 6.36l-.71-.71M6.34 6.34l-.71-.71m12.02 0l-.71.71M6.34 17.66l-.71.71M12 5a7 7 0 100 14 7 7 0 000-14z" />
        </svg>
        <svg class="icon icon-moon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" />
        </svg>
      </button>
    </div>

    <!-- Mobile Dropdown Menu -->
    <div id="mobile-menu" class="mobile-menu mobile-only hidden">
      <div id="mobile-links"></div>
      <button class="theme-toggle mobile-theme-btn" aria-label="Toggle Dark Mode">
        <span class="theme-text">🌙 Dark Mode</span>
      </button>
    </div>
  </nav>

  <!-- Main Content -->
  <main class="main-content">
    <h1>Rexburg Meshtastic and MeshCore</h1>

    <p>
      The BYU-I Amateur Radio Society is experimenting with Meshtastic and MeshCore! These are low-power, long-range mesh radio networks using LoRa devices to support off-grid communication. They are open for all to use and most nodes are designed to continue working in emergencies and extended power outages.
    </p>

    <h2>How to Get Involved</h2>
    <ul class="styled-list">
      <li>Purchase a supported LoRa radio (many of our members go with the Heltec V3 or RAK 4631), or check one out at one of our weekly meetings</li>
      <li>Flash the latest <a href="https://flasher.meshtastic.org/" class="link" target="_blank" rel="noopener">Meshtastic</a> or <a href="https://meshcore.io/flasher" class="link" target="_blank" rel="noopener">MeshCore</a> firmware</li>
      <li>For Meshtastic: Change your Modem Preset to MediumFast, save, then change your Frequency Slot to 51. Then, change your Channel 0 name to Freq51 and the key to 1A==</li>
      <li>For MeshCore: Set your radio preset to United States and you're good to go!</li>
      <li>Join our <a href="https://discord.gg/D9fZ6uWugH" class="link" target="_blank" rel="noopener">Discord</a> to get help, share your setup, and connect with us</li>
      <li>Get your node on the map (if it's stationary) by letting us know about it</li>
    </ul>

    <h2>MeshCore Propagation Maps</h2>
    <p>
      Thanks to Roger Coudé and his work on RadioMobile, we have propagation maps available.<br />
      <a href="./eimeshcore.htm" class="link">Click here to view.</a>
    </p>

    <h2>Current Meshtastic Node Map</h2>
    <div class="map-container">
      <iframe
        src="https://eastidahomesh.com/live-map.html"
        title="Current Meshtastic Node Map"
        loading="lazy"
        allowfullscreen>
      </iframe>
    </div>
  </main>

  <!-- Footer -->
  <footer class="footer accent-bg">
    &copy; 2025–<span id="current-year"></span> BYU-Idaho Amateur Radio Society. All rights reserved.
  </footer>

</body>
</html>