Organized nav

This commit is contained in:
Zakary Timson 2022-09-15 21:58:20 -04:00
parent 049fd380c4
commit bd9ef9214e
2 changed files with 25 additions and 25 deletions

View File

@ -17,8 +17,16 @@
<h2 class="sitemap-header">Home</h2> <h2 class="sitemap-header">Home</h2>
<ul class="m-0"> <ul class="m-0">
<li><a routerLink="/">About</a></li> <li><a routerLink="/">About</a></li>
<li><a routerLink="/">Gallery</a></li>
<li><a routerLink="/">Contact</a></li> <li><a routerLink="/">Contact</a></li>
<li><a routerLink="/">Gallery</a></li>
</ul>
</div>
<div>
<h2 class="sitemap-header">Events</h2>
<ul class="m-0">
<li><a routerLink="/">Castra Aestiva</a></li>
<li><a routerLink="/">Castra Hiberna</a></li>
<li><a routerLink="/">Callendar</a></li>
</ul> </ul>
</div> </div>
<div> <div>
@ -33,14 +41,6 @@
<li><a routerLink="/">Resources</a></li> <li><a routerLink="/">Resources</a></li>
</ul> </ul>
</div> </div>
<div>
<h2 class="sitemap-header">Events</h2>
<ul class="m-0">
<li><a routerLink="/">Castra Aestiva</a></li>
<li><a routerLink="/">Castra Hiberna</a></li>
<li><a routerLink="/">Callendar</a></li>
</ul>
</div>
<div> <div>
<h2 class="sitemap-header">Members</h2> <h2 class="sitemap-header">Members</h2>
<ul class="m-0"> <ul class="m-0">

View File

@ -9,21 +9,8 @@
<div class="flex-grow-1"></div> <div class="flex-grow-1"></div>
<div *ngIf="!hamburger"> <div *ngIf="!hamburger">
<a href="#about"><button mat-button class="navbar-button">About</button></a> <a href="#about"><button mat-button class="navbar-button">About</button></a>
<a href="#gallery"><button mat-button class="navbar-button">Gallery</button></a>
<a href="#contact"><button mat-button class="navbar-button">Contact</button ></a> <a href="#contact"><button mat-button class="navbar-button">Contact</button ></a>
<button mat-button [matMenuTriggerFor]="learnMenu" class="navbar-button"> <a href="#gallery"><button mat-button class="navbar-button">Gallery</button></a>
Learn <mat-icon>expand_more</mat-icon>
</button>
<mat-menu #learnMenu="matMenu">
<button mat-menu-item>Legio XXX</button>
<button mat-menu-item>Legion Camp</button>
<button mat-menu-item>Legion Headquarters</button>
<button mat-menu-item>Legion Organization</button>
<button mat-menu-item>Legionary Equipment</button>
<button mat-menu-item>Legionairy Training</button>
<mat-divider></mat-divider>
<button mat-menu-item>Resources</button>
</mat-menu>
<button mat-button [matMenuTriggerFor]="eventsMenu" class="navbar-button"> <button mat-button [matMenuTriggerFor]="eventsMenu" class="navbar-button">
Events <mat-icon>expand_more</mat-icon> Events <mat-icon>expand_more</mat-icon>
</button> </button>
@ -33,16 +20,29 @@
<mat-divider></mat-divider> <mat-divider></mat-divider>
<button mat-menu-item>Calendar</button> <button mat-menu-item>Calendar</button>
</mat-menu> </mat-menu>
<button mat-button [matMenuTriggerFor]="learnMenu" class="navbar-button">
Learn <mat-icon>expand_more</mat-icon>
</button>
<mat-menu #learnMenu="matMenu">
<button mat-menu-item>Legio XXX</button>
<button mat-menu-item>Legion Camp</button>
<button mat-menu-item>Legion Headquarters</button>
<button mat-menu-item>Legion Organization</button>
<button mat-menu-item>Legionairy Equipment</button>
<button mat-menu-item>Legionairy Training</button>
<mat-divider></mat-divider>
<button mat-menu-item>Resources</button>
</mat-menu>
<button mat-button [matMenuTriggerFor]="membersMenu" class="navbar-button"> <button mat-button [matMenuTriggerFor]="membersMenu" class="navbar-button">
Members <mat-icon>expand_more</mat-icon> Members <mat-icon>expand_more</mat-icon>
</button> </button>
<mat-menu #membersMenu="matMenu"> <mat-menu #membersMenu="matMenu">
<button mat-menu-item>Getting Started</button> <button mat-menu-item>Getting Started</button>
<mat-divider></mat-divider>
<button mat-menu-item>Rules & Regulations</button> <button mat-menu-item>Rules & Regulations</button>
<button mat-menu-item>Approved Vendors</button> <mat-divider></mat-divider>
<button mat-menu-item>Kit Assembly</button> <button mat-menu-item>Kit Assembly</button>
<button mat-menu-item>Kit Maintinance</button> <button mat-menu-item>Kit Maintinance</button>
<button mat-menu-item>Trusted Vendors</button>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<button mat-menu-item>Login/Register</button> <button mat-menu-item>Login/Register</button>
</mat-menu> </mat-menu>