Josh47_WebDev/byuiars-reop-net
1
1
Fork 0
Code Issues Pull Requests Activity

Updated the core site style and removed AI fuzz.

Browse Source
This commit is contained in:
Joseph Robles Jr.
2026-10-13 12:56:07 -06:00
parent b1ff9802b6
commit c05a158569
9 changed files with 951 additions and 2209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mesh/eimeshcore.htm
+347 -1676
View File
File diff suppressed because it is too large Load Diff
mesh/index.html
+59 -98
View File
@@ -3,133 +3,94 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rexburg Mesh - BYU-I Amateur Radio Society</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class'
}
</script>
<script>
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" defer></script>
<style>
.accent-bg { background-color: #006eb6; }
.banner-bg { background-color: #a2daff; }
</style>
<title>Rexburg Mesh – BYU-Idaho Amateur Radio Society</title>
<link rel="stylesheet" href="/style.css" />
<script src="/script.js" defer></script>
</head>
<body class="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100 min-h-screen flex flex-col" x-data="appData()" x-init="init()">
<body>
<!-- Banner -->
<template x-if="banner.title && banner.content">
<div class="w-full banner-bg text-black text-center py-2 px-4">
<strong x-text="banner.title"></strong>: <span x-text="banner.content"></span>
</div>
</template>
<!-- Announcement Banner -->
<div id="banner" class="banner-bg hidden">
<strong id="banner-title"></strong>: <span id="banner-content"></span>
</div>
<!-- Navbar -->
<nav class="accent-bg text-white px-4 py-3 shadow-md" x-data="{ open: false }">
<div class="flex flex-wrap items-center justify-between">
<a href="/" class="text-xl font-semibold mr-4">BYU-I Amateur Radio Society</a>
<button @click="open = !open" class="sm:hidden text-white ml-auto focus:outline-none">
<svg x-show="!open" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<!-- 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 x-show="open" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<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>
<div class="hidden sm:flex flex-grow justify-center space-x-4">
<template x-for="page in pages" :key="page.path">
<a :href="page.path" :class="{ 'font-bold underline': currentPath === page.path }" class="hover:opacity-80 transition">
<span x-text="page.name"></span>
</a>
</template>
</div>
<div class="hidden sm:flex ml-auto">
<button @click="toggleDarkMode" class="ml-4 text-white focus:outline-none" title="Toggle dark mode">
<svg x-show="!darkMode" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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 x-show="darkMode" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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>
<!-- 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>
<div x-show="open" class="sm:hidden mt-2 space-y-2">
<template x-for="page in pages" :key="page.path">
<a :href="page.path" :class="{ 'font-bold underline': currentPath === page.path }" class="block px-2 py-1 hover:bg-white/10">
<span x-text="page.name"></span>
</a>
</template>
<button @click="toggleDarkMode" class="w-full text-left px-2 py-1 text-white hover:bg-white/10" title="Toggle dark mode">
<span x-text="darkMode ? '☀️ Light Mode' : '🌙 Dark Mode'"></span>
<!-- 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 class="flex-grow p-6">
<h1 class="text-3xl font-bold mb-4">Rexburg Meshtastic and MeshCore</h1>
<!-- Main Content -->
<main class="main-content">
<h1>Rexburg Meshtastic and MeshCore</h1>
<p class="mb-4">
<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 class="text-xl font-semibold mt-6 mb-2">How to Get Involved</h2>
<ul class="list-disc pl-6 space-y-2">
<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="text-blue-400 underline">Meshtastic</a> or <a href="https://flasher.meshcore.co.uk/" class="text-blue-400 underline">MeshCore</a> firmware</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="text-blue-400 underline">Discord</a> to get help, share your setup, and connect with us</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 class="text-xl font-semibold mt-6 mb-2">MeshCore Propagation Maps</h2>
<p class="mb-4">Thanks to Roger Coudé and his work on RadioMobile, we have propagation maps available.<br><a href="./eimeshcore.htm" class="text-blue-400 underline">Click here to view.</a></p>
<h2 class="text-xl font-semibold mt-6 mb-2">Current Meshtastic Node Map</h2>
<div class="aspect-w-16 aspect-h-9 mb-4">
<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://www.google.com/maps/d/u/1/embed?mid=1P5dIeUwP6589f-JT1CaLcsottrrgGRM&ehbc=2E312F"
width="100%"
height="560"
class="w-full rounded shadow-md"
src="https://eastidahomesh.com/live-map.html"
title="Current Meshtastic Node Map"
loading="lazy"
allowfullscreen>
</iframe>
</div>
</main>
<footer class="accent-bg text-white text-center py-4">
&copy; 2025-<span x-text="new Date().getFullYear()"></span> BYU-Idaho Amateur Radio Society. All rights reserved.
<!-- Footer -->
<footer class="footer accent-bg">
&copy; 2025–<span id="current-year"></span> BYU-Idaho Amateur Radio Society. All rights reserved.
</footer>
<script>
function appData() {
return {
darkMode: document.documentElement.classList.contains('dark'),
currentPath: window.location.pathname,
banner: { title: '', content: '' },
pages: [],
async init() {
const navResp = await fetch('/assets/pages.json');
this.pages = await navResp.json();
const bannerResp = await fetch('/assets/banner.json?t=${Date.now()}');
this.banner = await bannerResp.json();
},
toggleDarkMode() {
this.darkMode = !this.darkMode;
document.documentElement.classList.toggle('dark');
localStorage.theme = this.darkMode ? 'dark' : 'light';
}
}
}
</script>
</body>
</html>
</html>