43 lines
1.9 KiB
HTML
43 lines
1.9 KiB
HTML
<nav class="navbar" role="navigation" aria-label="Main navigation">
|
|
<div class="container navbar-inner">
|
|
<a routerLink="/" class="navbar-brand" routerLinkActive="active">
|
|
<img [src]="resolveImageUrl(config().logo_url)" alt="" class="brand-flower" aria-hidden="true">
|
|
<span class="brand-name">
|
|
<span class="brand-mountain">{{ config().callsign | uppercase }}</span>
|
|
<span class="brand-tagline">{{ config().tagline }}</span>
|
|
</span>
|
|
</a>
|
|
|
|
<button class="navbar-toggle" aria-label="Toggle menu" (click)="toggleMenu()">
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
</button>
|
|
|
|
<div class="navbar-menu" [class.open]="menuOpen">
|
|
<ul class="nav-links">
|
|
<li><a routerLink="/about" routerLinkActive="active" (click)="closeMenu()">About</a></li>
|
|
<li><a routerLink="/schedule" routerLinkActive="active" (click)="closeMenu()">Schedule</a></li>
|
|
<li><a routerLink="/events" routerLinkActive="active" (click)="closeMenu()">Events</a></li>
|
|
<li><a routerLink="/contact" routerLinkActive="active" (click)="closeMenu()">Contact</a></li>
|
|
@if (isAdmin) {
|
|
<li><a routerLink="/admin" routerLinkActive="active" (click)="closeMenu()" class="nav-admin">Admin</a></li>
|
|
}
|
|
</ul>
|
|
<div class="nav-auth">
|
|
@if (isLoggedIn) {
|
|
<div class="user-menu">
|
|
<span class="user-name">{{ displayName }}</span>
|
|
<button class="btn-logout" (click)="onLogout()">Sign Out</button>
|
|
</div>
|
|
} @else {
|
|
<a routerLink="/login" class="btn-sign-in" (click)="closeMenu()">Sign In</a>
|
|
}
|
|
</div>
|
|
@if (config().donation_url) {
|
|
<a [href]="config().donation_url" target="_blank" rel="noopener noreferrer" class="btn btn-donate-nav" (click)="closeMenu()">Donate Now</a>
|
|
}
|
|
</div>
|
|
</div>
|
|
</nav>
|