Added resource page, updated icons, and more

src/app/components/banner/banner.component.html

@@ -12,7 +12,7 @@
 		<mat-icon *ngIf="manual">play_arrow</mat-icon>
 	</div>
 	<div *ngIf="!manual" class="banner-seal d-flex flex-column align-items-center justify-content-center">
-		<img src="/assets/img/eagle.png" class="mt-5" alt="SPQR" height="250" width="250" style="filter: drop-shadow(2px 4px 6px black);">
+		<img src="/assets/img/favicon.svg" class="mt-5" alt="SPQR" height="250" width="250" style="filter: brightness(100%) drop-shadow(2px 4px 6px black);">
 		<div>
 			<a class="text-white" routerLink="" fragment="about">
 				<i class="fa fa-angle-double-down fa-4x" style="filter: drop-shadow(2px 4px 6px black);"></i>

src/app/components/logo/logo.component.html

@@ -1,5 +1,5 @@
 <div class="logo d-flex align-items-center">
-	<img src="assets/img/eagle.png" class="me-2" alt="SPQR" style="height: 2.5rem; width: auto;">
+	<img src="assets/img/favicon.svg" class="me-2" alt="SPQR" style="height: 2.5rem; width: auto; filter: brightness(100%)">
 	<div class="d-inline-flex" aria-label="Legio XXX" style="font-family: Serif; font-weight: lighter">
 		<div>L</div>
 		<div [@slide]="expand ? 'expand' : 'shrink'" style="overflow: hidden">EGIO · </div>

src/app/components/navbar/navbar.component.scss

@@ -10,7 +10,7 @@
 	.navbar-brand {
 		color: #fff;
 
-		&:hover img { filter: brightness(5%) sepia(75) saturate(100) hue-rotate(25deg); }
+		&:hover img { filter: brightness(5%) sepia(75) saturate(100) hue-rotate(25deg) !important; }
 		&:hover, &:visited:hover { color: #b10000; }
 	}