working basic site admin

src/app/schedule/schedule.component.html

@@ -1,11 +1,11 @@
 <section class="schedule">
   <div class="container">
     <div class="schedule-header">
-      <img src="svg/small-flower.svg" alt="" class="schedule-flower" aria-hidden="true">
+      <img [src]="config().logo_url" alt="" class="schedule-flower" aria-hidden="true">
       <h2>Program <span class="text-accent">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.
+        live at {{ config().frequency }} or via our online stream.
       </p>
     </div>
 

src/app/schedule/schedule.component.ts

@@ -4,6 +4,7 @@ import { map, Observable, startWith } from 'rxjs';
 
 import { ProgramService } from '../services/program.service';
 import { Program } from '../interfaces/program';
+import { StationConfigService } from '../services/station-config.service';
 
 interface DayGroup {
   day_label: string;
@@ -36,12 +37,13 @@ function groupByDay(programs: Program[]): DayGroup[] {
 @Component({
   selector: 'app-schedule',
   standalone: true,
-  imports: [AsyncPipe, NgFor],
+  imports: [AsyncPipe],
   templateUrl: './schedule.component.html',
   styleUrl: './schedule.component.scss',
 })
 export class ScheduleComponent {
   private programService = inject(ProgramService);
+  readonly config = inject(StationConfigService).config;
 
   /** Async pipe drives the template — guarantees change detection on every emission. */
   readonly schedule$: Observable<ScheduleState> =