Updated footer

src/app/components/footer/footer.component.html

@@ -1,4 +1,16 @@
 <footer>
+	<div class="text-center py-3" style="background: #7f0000">
+		<h2 class="mb-4">Follow us on social media</h2>
+		<div class="d-flex justify-content-around mx-auto" style="max-width: 300px">
+			<i class="fa-brands fa-discord fa-2xl"></i>
+			<i class="fa-brands fa-facebook fa-2xl"></i>
+			<i class="fa-brands fa-instagram fa-2xl"></i>
+			<i class="fa-brands fa-tiktok fa-2xl"></i>
+			<i class="fa-brands fa-youtube fa-2xl"></i>
+		</div>
+		<h3 class="mt-4 mb-0">so we can invade your feed</h3>
+	</div>
+	<div class="footer-map"></div>
 	<div class="p-2" style="background: #333">
 		<div class="mx-auto d-flex justify-content-around" style="max-width: 800px">
 			<div>
@@ -13,9 +25,9 @@
 				<h2 class="sitemap-header">Learn</h2>
 				<ul class="m-0">
 					<li><a routerLink="/">Legio XXX</a></li>
-					<li><a routerLink="/">Legion Structure</a></li>
 					<li><a routerLink="/">Legion Camp</a></li>
 					<li><a routerLink="/">Legion Headquarters</a></li>
+					<li><a routerLink="/">Legion Organization</a></li>
 					<li><a routerLink="/">Legionairy Equipment</a></li>
 					<li><a routerLink="/">Legionairy Training</a></li>
 					<li><a routerLink="/">Resources</a></li>

src/app/components/footer/footer.component.scss

@@ -1,8 +1,3 @@
-.sitemap-header {
-	color: rgba(255, 255, 255, 0.8);
-	margin: 0;
-}
-
 ul {
 	list-style: none;
 	padding: 0;
@@ -14,3 +9,15 @@ ul {
 	a:visited:hover, a:hover { color: rgba(255, 255, 255, 0.75); }
 	a:visited { color: rgba(255, 255, 255, 0.55); }
 }
+
+.footer-map {
+	height: 200px;
+	background: black url("/assets/img/map.png") no-repeat top center;
+	background-attachment: fixed;
+	background-size: cover;
+}
+
+.sitemap-header {
+	color: rgba(255, 255, 255, 0.8);
+	margin: 0;
+}

src/app/components/navbar/navbar.component.html

@@ -16,9 +16,9 @@
 			</button>
 			<mat-menu #learnMenu="matMenu">
 				<button mat-menu-item>Legio XXX</button>
-				<button mat-menu-item>Legion Structure</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>