75 lines
2.7 KiB
HTML
75 lines
2.7 KiB
HTML
<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>
|