working basic site admin

src/app/navbar/navbar.component.html

@@ -1,12 +1,12 @@
 <nav class="navbar" role="navigation" aria-label="Main navigation">
   <div class="container navbar-inner">
     <a routerLink="/" class="navbar-brand" routerLinkActive="active">
-      <img src="svg/small-flower.svg" alt="" class="brand-flower" aria-hidden="true">
+      <img [src]="config().logo_url" alt="" class="brand-flower" aria-hidden="true">
       <span class="brand-name">
-        <span class="brand-mountain">K</span>MOUNTAIN
-        <span class="brand-accent">FLOWER</span>
+        <span class="brand-mountain">{{ config().name_primary | slice:0:1 }}</span>{{ config().name_primary | uppercase }}
+        <span class="brand-accent">{{ config().name_secondary | uppercase }}</span>
       </span>
-      <span class="brand-tagline">Community Radio — Est. 1987</span>
+      <span class="brand-tagline">{{ config().tagline }}</span>
     </a>
 
     <button class="navbar-toggle" aria-label="Toggle menu" (click)="toggleMenu()">

src/app/navbar/navbar.component.ts

@@ -1,14 +1,15 @@
-import { Component, DestroyRef, inject, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { Component, DestroyRef, inject, computed, OnInit } from '@angular/core';
+import { CommonModule, SlicePipe, UpperCasePipe } from '@angular/common';
 import { RouterLink, RouterLinkActive, Router } from '@angular/router';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 import { AuthService } from '../services/auth.service';
+import { StationConfigService } from '../services/station-config.service';
 
 @Component({
   selector: 'app-navbar',
   standalone: true,
-  imports: [CommonModule, RouterLink, RouterLinkActive],
+  imports: [CommonModule, RouterLink, RouterLinkActive, SlicePipe, UpperCasePipe],
   templateUrl: './navbar.component.html',
   styleUrl: './navbar.component.scss',
 })
@@ -16,6 +17,9 @@ export class NavbarComponent implements OnInit {
   private auth = inject(AuthService);
   private router = inject(Router);
   private destroyRef = inject(DestroyRef);
+  private stationConfigService = inject(StationConfigService);
+
+  readonly config = computed(() => this.stationConfigService.config());
 
   menuOpen = false;