Updated the core site style and removed AI fuzz.
This commit is contained in:
Joseph Robles Jr.
+71
-112
@@ -4,136 +4,95 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>BYU-Idaho Amateur Radio Society</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
darkMode: 'class'
|
||||
}
|
||||
</script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" defer></script>
|
||||
<script>
|
||||
// Dark mode persistence
|
||||
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>
|
||||
<style>
|
||||
.accent-bg { background-color: #006eb6; }
|
||||
.banner-bg { background-color: #a2daff; }
|
||||
</style>
|
||||
<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 Content -->
|
||||
<main class="flex-grow p-6">
|
||||
<h1 class="text-3xl font-bold mb-4">Welcome to the BYU-Idaho Amateur Radio Society!</h1>
|
||||
<p>Established in the mid-1900s, the BYU-Idaho Amateur Radio Society is one of the University's longest-operating student groups.</p>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">Get Involved</h2>
|
||||
<p>We meet most Wednesdays during the semester in STC 231, and host weekly <a href="/net/" class="text-blue-400 underline">nets</a> on the 146.510 MHz K7BYI Repeater.
|
||||
<br>
|
||||
For more information on current events and what we're up to, join our <a href="https://discord.gg/D9fZ6uWugH" class="text-blue-400 underline">Discord</a>!
|
||||
|
||||
<br><br>We have activies for all skill levels, and no license is required to participate with us (though we'd be happy to help you get yours if you like)</p>
|
||||
<!-- Homepage Banner Image -->
|
||||
<div class="my-6">
|
||||
<img
|
||||
src="/assets/i/summerfieldday_20250628_130113.jpg"
|
||||
alt="BYUIARS members at Summer Field Day 2025"
|
||||
class="w-full max-w-5xl mx-auto rounded shadow-md"
|
||||
/>
|
||||
</div>
|
||||
<main class="main-content home-content">
|
||||
<section class="hero" aria-labelledby="welcome-heading">
|
||||
<div class="hero-copy">
|
||||
<p class="eyebrow">K7BYI · Rexburg, Idaho</p>
|
||||
<h1 id="welcome-heading">Explore radio. Build community.</h1>
|
||||
<p class="hero-lede">The BYU-Idaho Amateur Radio Society is one of the University's longest-running student groups—open to curious beginners and experienced operators alike.</p>
|
||||
<div class="hero-actions">
|
||||
<a class="button button-primary" href="https://discord.gg/D9fZ6uWugH" target="_blank" rel="noopener">Join our Discord <span aria-hidden="true">→</span></a>
|
||||
<a class="button button-secondary" href="/exams.html">Get licensed</a>
|
||||
</div>
|
||||
</div>
|
||||
<figure class="hero-image">
|
||||
<img
|
||||
src="/assets/i/summerfieldday_20250628_130113.jpg"
|
||||
alt="BYUIARS members at Summer Field Day 2025"
|
||||
class="featured-image"
|
||||
/>
|
||||
<figcaption>Summer Field Day 2025</figcaption>
|
||||
</figure>
|
||||
</section>
|
||||
|
||||
<h2 class="text-xl font-semibold mt-6 mb-2">Why Should I Join the Amateur Radio Society?</h2>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li>Hands-on opportunities to learn about, use, and build radios and antennas</li>
|
||||
<li>Learn and apply physics</li>
|
||||
<li>Be better prepared for emergencies and wilderness activities</li>
|
||||
<li>Connect and network with some pretty cool folks</li>
|
||||
<li>Obtain your federal Amateur Radio License at no cost to you (A $50 value!)</li>
|
||||
<li>Plentiful scholarship opportunities</li>
|
||||
<li>Inter-Society collaboration opportunities</li>
|
||||
<li>Great project opportunities. Have a cool idea? We probably have people with the knowledge to help you make it happen!</li>
|
||||
</ul>
|
||||
</main>
|
||||
<section class="intro-section" aria-labelledby="involved-heading">
|
||||
<div>
|
||||
<p class="eyebrow">Start here</p>
|
||||
<h2 id="involved-heading">Find your signal</h2>
|
||||
</div>
|
||||
<p>We meet most Wednesdays during the semester in STC 243 and host weekly <a href="/net/" class="link">nets</a> on the 146.510 MHz K7BYI repeater. No license or prior experience is required—we'll help you get started.</p>
|
||||
</section>
|
||||
|
||||
<section class="card-grid" aria-label="Reasons to join">
|
||||
<article class="info-card"><span class="card-number" aria-hidden="true">01</span><h2>Learn by doing</h2><p>Use and build radios, antennas, and practical projects with people who can help bring an idea to life.</p></article>
|
||||
<article class="info-card"><span class="card-number" aria-hidden="true">02</span><h2>Be ready</h2><p>Develop communication skills useful for emergencies, wilderness activities, and everyday problem-solving.</p></article>
|
||||
<article class="info-card"><span class="card-number" aria-hidden="true">03</span><h2>Make connections</h2><p>Meet fellow makers, find project collaborators, and explore scholarship and inter-society opportunities.</p></article>
|
||||
</section>
|
||||
</main>ß
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="accent-bg text-white text-center py-4">
|
||||
© 2025-<span x-text="new Date().getFullYear()"></span> BYU-Idaho Amateur Radio Society. All rights reserved.
|
||||
<footer class="footer accent-bg">
|
||||
© 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>
|
||||
|
||||
Reference in New Issue
Block a user