About page styling

src/app/views/about/about.component.html

@@ -1,4 +1,5 @@
 <div class="invert">
+	<div class="banner"></div>
 	<div class="container py-4 px-3">
 		<div>
 			<h1 class="mb-2">About</h1>
@@ -41,11 +42,11 @@
 					<div class="mx-3">
 						<h4 class="mb-2">Conferences & Festivals</h4>
 						<ul class="mt-0">
-							<li>Toronto Living History Conference (2007)</li>
+							<li>Toronto Living History Conference, Toronto ON (2007)</li>
 							<li>Thorold Italian Festival, Thorold ON (2008)</li>
-							<li>Historic Merchant’s Xmas, Hamilton, ON (2009)</li>
-							<li>History Symposium, London, ON (2019)</li>
-							<li>Artifact Day at Longwoods Road Conservation Area (2022)</li>
+							<li>Historic Merchant’s Xmas, Hamilton ON (2009)</li>
+							<li>History Symposium, London ON (2019)</li>
+							<li>Artifact Day, Longwoods Road Conservation Area (2022)</li>
 						</ul>
 					</div>
 					<div class="mx-3">
@@ -55,11 +56,11 @@
 							<li>Roman Market Days (2004)</li>
 							<li>NE Route March, Erie Canal (2005)</li>
 							<li>Roman Days (2005)</li>
-							<li>Fort Meigs, Perrysburg OH (2007 and 2008)</li>
+							<li>Fort Meigs, Perrysburg OH (2007, 2008)</li>
 							<li>Varus Disaster New Ulm Minnesota (2009)</li>
 							<li>New Glarus, Wisconsin (2010)</li>
 							<li>Legio II Castrum, ON (2010)</li>
-							<li>Southern Ontario Military Muster, ON (2012 and 2013)</li>
+							<li>Southern Ontario Military Muster, ON (2012, 2013)</li>
 							<li>Roman Field Trek, ON (2013)</li>
 						</ul>
 					</div>

src/app/views/about/about.component.scss

@@ -0,0 +1,6 @@
+.banner {
+	width: 100%;
+	height: 500px;
+	background: white url("/assets/img/castra.jpg") center center no-repeat;
+	background-size: cover;
+}

src/app/views/about/about.component.ts

@@ -2,6 +2,7 @@ import {Component} from '@angular/core';
 
 @Component({
 	selector: 'xxx-about',
-	templateUrl: './about.component.html'
+	templateUrl: './about.component.html',
+	styleUrls: ['./about.component.scss']
 })
 export class AboutComponent { }