first pass - kryz inspired

2026-06-10 18:34:23 +00:00
parent 3063d01ec5
commit 771e1e166f
53 changed files with 10521 additions and 0 deletions
@@ -0,0 +1,74 @@
+<section class="schedule">
+  <div class="container">
+    <div class="schedule-header">
+      <img src="assets/svg/small-flower.svg" alt="" class="schedule-flower" aria-hidden="true">
+      <h2>Today's <span class="text-accent">Program Schedule</span></h2>
+      <p class="section-intro">
+        All times are local (Mountain Time). Every show is free to listen to
+        live at 98.7 FM or via our online stream.
+      </p>
+    </div>
+
+    <div class="schedule-list">
+      <div class="schedule-day-label">Monday – Friday</div>
+      <div class="schedule-table">
+        <div *ngFor="let program of programs" class="schedule-row">
+          <div class="schedule-time">{{ program.time }}</div>
+          <div class="schedule-divider"></div>
+          <div class="schedule-details">
+            <h4 class="schedule-title">{{ program.title }}</h4>
+            <div class="schedule-meta">
+              <span class="schedule-host">
+                <span aria-hidden="true">🎙️</span> {{ program.host }}
+              </span>
+              <span class="schedule-genre">{{ program.genre }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="schedule-weekend">
+      <div class="weekend-heading">
+        <img src="assets/svg/small-flower.svg" alt="" class="schedule-flower-sm" aria-hidden="true">
+        <h3>Weekend Programming</h3>
+      </div>
+      <div class="weekend-grid">
+        <div class="weekend-card">
+          <div class="card-day">Saturday</div>
+          <div class="card-programs">
+            <div class="card-item">
+              <strong>9:00 AM</strong> — Country Roads Hour
+            </div>
+            <div class="card-item">
+              <strong>11:00 AM</strong> — Community Hour (call-ins welcome!)
+            </div>
+            <div class="card-item">
+              <strong>2:00 PM</strong> — Afternoon Bluegrass
+            </div>
+            <div class="card-item">
+              <strong>4:00 PM</strong> — Record Request Hour
+            </div>
+          </div>
+        </div>
+        <div class="weekend-card">
+          <div class="card-day">Sunday</div>
+          <div class="card-programs">
+            <div class="card-item">
+              <strong>10:00 AM</strong> — Sunday Morning Hymns & Folk
+            </div>
+            <div class="card-item">
+              <strong>12:00 PM</strong> — Gospel & Roots
+            </div>
+            <div class="card-item">
+              <strong>3:00 PM</strong> — The Long Wave (ambient / nature sounds)
+            </div>
+            <div class="card-item">
+              <strong>6:00 PM</strong> — Sunday Sunset Jazz
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>