Typos, agonium & drill page (v1)

src/app/app.module.ts

@@ -10,6 +10,7 @@ import {MaterialModule} from './material.module';
 import {FourOFourComponent} from './views/404/404.component';
 import {AboutComponent} from './views/about/about.component';
 import {AestivaComponent} from './views/events/aestiva/aestiva.component';
+import {AgoniumComponent} from './views/events/agonium/agonium.component';
 import {CalendarComponent} from './views/events/calendar/calendar.component';
 import {HibernaComponent} from './views/events/hiberna/hiberna.component';
 import {GalleryComponent} from './views/gallery/gallery.component';
@@ -21,6 +22,7 @@ import {RulesComponent} from './views/reenact/rules/rules.component';
 export const APP_COMPONENTS = [
 	AboutComponent,
 	AestivaComponent,
+	AgoniumComponent,
 	AppComponent,
 	BannerComponent,
 	CalendarComponent,

src/app/app.routing.ts

@@ -3,6 +3,7 @@ import { RouterModule, Routes } from '@angular/router';
 import {FourOFourComponent} from './views/404/404.component';
 import {AboutComponent} from './views/about/about.component';
 import {AestivaComponent} from './views/events/aestiva/aestiva.component';
+import {AgoniumComponent} from './views/events/agonium/agonium.component';
 import {CalendarComponent} from './views/events/calendar/calendar.component';
 import {HibernaComponent} from './views/events/hiberna/hiberna.component';
 import {GalleryComponent} from './views/gallery/gallery.component';
@@ -16,6 +17,7 @@ const routes: Routes = [
 	{path: 'about', component: AboutComponent},
 	{path: 'drill', component: DrillComponent},
 	{path: 'events/aestiva', component: AestivaComponent},
+	{path: 'events/agonium', component: AgoniumComponent},
 	{path: 'events/hiberna', component: HibernaComponent},
 	{path: 'events/calendar', component: CalendarComponent},
 	{path: 'gallery', component: GalleryComponent},

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

@@ -35,7 +35,7 @@
 		</div>
 	</div>
 	<div class="py-2 text-center">
-		<p class="copywright m-0">
+		<p class="copyright m-0">
 			Copyright &copy; Legio XXX 2022 | All Rights Reserved<br>
 			Created by <a href="https://zakscode.com" target="_blank">Zak Timson</a>
 		</p>

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

@@ -8,7 +8,7 @@ ul {
 	margin: 0;
 }
 
-.copywright {
+.copyright {
 	a, a:visited { color: #b10000; }
 	a:hover, a:visited:hover { color: #cc0000; }
 }

src/app/misc/navigation.ts

@@ -16,6 +16,7 @@ export const NAVIGATION: NavigationGroup = [
 			{label: 'Gallery', url: '/gallery'},
 	]]},
 	{label: 'Events', children: [[
+			{label: 'Agonium', url: '/events/agonium'},
 			{label: 'Castra Aestiva', url: '/events/aestiva'},
 			{label: 'Castra Hiberna', url: '/events/hiberna'},
 		], [
@@ -42,7 +43,7 @@ export const NAVIGATION: NavigationGroup = [
 		], [
 			{label: 'Trusted Vendors', url: '/vendors'},
 			{label: 'Kit Assembly', url: '/diy'},
-			{label: 'Kit Maintinance', url: '/maintinance'},
+			{label: 'Kit Maintenance', url: '/maintenance'},
 		], [
 			{label: 'Login/Register', url: '/login'},
 	]]},

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

@@ -1,5 +1,5 @@
 <div class="invert">
-	<div class="banner"></div>
+	<div class="banner d-print-none"></div>
 	<div class="container py-4 px-3">
 		<div>
 			<h1 class="mb-2">About</h1>
@@ -8,7 +8,7 @@
 				<h2 class="mb-2">Legio XXX</h2>
 				<p>
 					Legio XXX is a non-profit re-enactment group from southern Ontario & the north-eastern USA. It was established in 2004 with the goal of portraying all aspects of Roman military & civilian life.
-					It's members represent a cross between living history enthusiasts and "edutainers" that recreate the lives of soldiers found in Trajan's leagions during the 1st - 2nd Century AD.
+					It's members represent a cross between living history enthusiasts and "edu-tainers" that recreate the lives of soldiers found in Trajan's legions during the 1st - 2nd Century AD.
 					Over the years, they have participated in a wide range of events.
 				</p>
 				<h3 class="mb-2">Events</h3>
@@ -70,7 +70,7 @@
 				<p>Legio XXX has a re-enactment facility near Tillsonburg Ontario, graciously provided by Tom Ross. Over the years, the group has constructed it's own <em>castrum</em> (fort) nestled amidst farmland and forest.</p>
 				<p class="mb-2">The <em>castrum</em> (fort) was slowly constructed over several years & is a work in progress:</p>
 				<ul class="mt-0">
-					<li>2007 - A <em>fossa</em> (trench) was dug and an <em>agger</em> (mound) errected from the soil</li>
+					<li>2007 - A <em>fossa</em> (trench) was dug and an <em>agger</em> (mound) erected from the soil</li>
 					<li>2008 - The front gatehouse was constructed</li>
 					<li>2009 - The front <em>vallum</em> (curtain walls) was added, flanking the gatehouse</li>
 					<li>2010 - The <em>vallum</em> (curtain walls) was finished, encircling the <em>castrum</em> (fort)</li>
@@ -83,8 +83,9 @@
 					<li>Castra Hiberna (2017, 2018, 2021, 2022)</li>
 				</ul>
 				<h2>Special Thanks</h2>
-				<p>David Blain - Commanding Officer & subject matter expert, providing much of this site's content</p>
+				<p>Robert Sacco - President of Legio XXX (portrays our <em>aquilifer</em> (Eagle bearer)</p>
-				<p>Tom Ross - Provides Legio XXX's re-enactment facilities near Tillsonburg Ontario</p>
+				<p>David Blain - Subject matter expert, providing much of this site's content (portrays our <em>tribunus angusticlavius</em> (executive officer))</p>
+				<p>Tom Ross - Legio XXX's <em>patronus</em> (patron) providing re-enactment facilities near Tillsonburg Ontario</p>
 				<p>Robert Norton - <em>Armicustos</em> (Quartermaster) & provider of most of our <a routerLink="/diy">manuals</a></p>
 			</div>
 		</div>

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

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

src/app/views/events/aestiva/aestiva.component.html

@@ -1,5 +1,5 @@
 <div class="invert">
-	<div class="banner"></div>
+	<div class="banner d-print-none"></div>
 	<div class="container py-4 px-3">
 		<div>
 			<h1 class="mb-2"><em>Castra Aestiva</em> (Summer Camp)</h1>
@@ -9,13 +9,13 @@
 		<div>
 			<h2 class="mb-2">History</h2>
 			<p>
-				Each spring, as the weather improved, the campaign season would began. Roman troops would redeploy from a perminant <em>castra hiberna</em> (winter camp) to fair weather camps on the frontier known as <em>castra aestiva</em> (summer camps).
+				Each spring, as the weather improved, the campaign season would began. Roman troops would redeploy from a permanent <em>castra hiberna</em> (winter camp) to fair weather camps on the frontier known as <em>castra aestiva</em> (summer camps).
-				These marching camps could be errected in hours while under attack using the division of labour and would be completely disassembled when the legion left so they couldn't be used by the enemy.
+				These marching camps could be erected in hours while under attack using the division of labour and would be completely disassembled when the legion left so they couldn't be used by the enemy.
 			</p>
 			<h2 class="mb-2">Details</h2>
 			<p>
-				Tom Ross hosts a castra aestiva event every Memorial Day weekend (in May) near Tillsonburg Ontario. It's a private multi-day training event involving Romans and their enemies and is the perfect oportunity for new Roman reenactors. Participants
+				Tom Ross hosts a castra aestiva event every Memorial Day weekend (in May) near Tillsonburg Ontario. It's a private multi-day training event involving Romans and their enemies and is the perfect opportunity for new Roman reenactors. Participants
-				sleep in <em>sub pellibus</em> (tents) within the protective walls of the <em>castrum</em> (fort). If May doesn't work for you, conscider coming to <a routerLink="/events/hiberna">Castra Hiberna</a> in September.
+				sleep in <em>sub pellibus</em> (tents) within the protective walls of the <em>castrum</em> (fort). If May doesn't work for you, consider coming to <a routerLink="/events/hiberna">Castra Hiberna</a> in September.
 			</p>
 			<h3 class="mb-0">Activities</h3>
 			<ul class="mt-0">
@@ -23,13 +23,13 @@
 				<li>Weapons Training</li>
 				<ul>
 					<li><em>Gladius & scutum</em> (Sword & shield)</li>
-					<li><em>Pilum</em> (Javlin)</li>
+					<li><em>Pilum</em> (Javelin)</li>
 					<li><em>Sagittariorum</em> (Archery)</li>
 					<li><em>Ballista</em> (Bolt thrower)</li>
 					<li><em>Funda</em> (Sling)</li>
 					<li>Stone throw</li>
 				</ul>
-				<li><em>Fabrica</em> (Craftsmenship)</li>
+				<li><em>Fabrica</em> (Craftsmanship)</li>
 				<li>Drill & Patrols</li>
 				<li>Campfires</li>
 				<li>Roman games</li>

src/app/views/events/aestiva/aestiva.component.scss

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

src/app/views/events/agonium/agonium.component.html

@@ -0,0 +1,50 @@
+<div class="invert">
+	<div class="banner d-print-none"></div>
+	<div class="container py-4 px-3">
+		<div>
+			<h1 class="mb-2"><em>Agonium</em> (Janus Festival)</h1>
+			<mat-divider></mat-divider>
+			<br>
+		</div>
+		<div>
+			<h2 class="mb-2">History</h2>
+			<p>
+				Janus is the double-faced god of archways, entrenches, passages, time, the beginning & the end. The Romans
+				named January in his honor & was one of the 12 principal deities of <em>Religio Romana</em> (Roman Religion).
+				Janus was unique to Latium (centeral western Italy), predating the Romans & had no Greek counterpart.
+			</p>
+			<p>
+				Janus had his ceremonies carried out by the <em>Rex Sacrorum</em> (King of the Sacred) instead of
+				dedicated <em>flamens</em> (priests) like the other deities. The shrine <strong>Janus Geminus</strong> was
+				dedicated to him which had giant double doors which would be closed in times of peace and left open during times
+				of war. The Roman historian <strong>Titus Livius</strong> would recount the doors being closed only twice
+				between the time of <strong>Numa Pompilius</strong> (7th century BC) and <strong>Augustus</strong> (1st century BC).
+			</p>
+			<h2 class="mb-2">Details</h2>
+			<p>
+				For the first time, Legio XXX will be hosting an Agonium near Tillsonburg Ontario (Thank you Tom Ross).
+				It's a private single day event where we try not to freeze. If winter camping isn't your thing, consider
+				coming to <a routerLink="/events/aestiva">Castra Aestiva</a> in May or <a routerLink="/events/hiberna">Castra Hiberna</a> in September.
+			</p>
+			<h3 class="mb-0">Activities</h3>
+			<ul class="mt-0">
+				<li>Combat</li>
+				<li>Weapons Training</li>
+				<ul>
+					<li><em>Gladius & scutum</em> (Sword & shield)</li>
+					<li><em>Pilum</em> (Javelin)</li>
+					<li><em>Sagittariorum</em> (Archery)</li>
+					<li><em>Ballista</em> (Bolt thrower)</li>
+					<li><em>Funda</em> (Sling)</li>
+					<li>Stone throw</li>
+				</ul>
+				<li><em>Fabrica</em> (Craftsmanship)</li>
+				<li>Drill & Patrols</li>
+				<li>Campfires</li>
+				<li>Roman games</li>
+				<li>Food & Drink</li>
+			</ul>
+			<p>Come, participate and enjoy the camaraderie only the field of Mars can forge.</p>
+		</div>
+	</div>
+</div>

src/app/views/events/agonium/agonium.component.scss

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

src/app/views/events/agonium/agonium.component.ts

@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+	selector: 'xxx-agonium',
+	templateUrl: './agonium.component.html',
+	styleUrls: ['./agonium.component.scss']
+})
+export class AgoniumComponent { }

src/app/views/events/calendar/calendar.component.html

@@ -2,6 +2,6 @@
 	<div class="container py-4 px-3">
 		<h1 class="mb-2">Calendar</h1>
 		<mat-divider class="mb-4"></mat-divider>
-		<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FToronto&showCalendars=0&showTabs=0&showPrint=0&showTitle=0&src=YjQ4ZGI1NDc2YWY2YTI4ZGE2NGQzNDhhNThhYWI0MGQ1NjAwNWJmMmQ1YzA0NDI3MTdjZDllNmQ0OTA5YTFkZUBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%23D50000" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
+		<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=America%2FToronto&showTitle=0&showNav=1&showPrint=1&showTabs=0&showCalendars=0&src=Y18wYTIxNTM3ZDgwMWMzNTQ0MTUwYzk5YTUwNjI5Yjc5MjM0MjYyYjY0YzYyNzZiZTQ3OWJlMzA4OWU0MmM3NTQ5QGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20&color=%23D50000" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
 	</div>
 </div>

src/app/views/events/hiberna/hiberna.component.html

@@ -1,5 +1,5 @@
 <div class="invert">
-	<div class="banner"></div>
+	<div class="banner d-print-none"></div>
 	<div class="container py-4 px-3">
 		<div>
 			<h1 class="mb-2"><em>Castra Hiberna</em> (Winter Camp)</h1>
@@ -12,10 +12,10 @@
 				Harvest marked the traditional end of the Roman campaign season and the start of <em>mare clausum</em> (closed sea) in the <em>mare nostrum</em> (Mediterranean Sea) while the sea was most dangerous. Imperial troops that slept in <em>sub pellibus</em> (tents)
 				inside the <em>castra aestiva</em> (summer camps) began preparations to relocate to more hospitable <em>castra hiberna</em> (winter camps), where they were housed in stone lodgings impervious to the elements.
 			</p>
-			<p>In the fall, the indigenous people had to focus their efforts on harvesting crops & preparing for the cold harsh winter. This left little time for raids & hostilities giving Roman soldiers time to rest, train & recoupe.</p>
+			<p>In the fall, the indigenous people had to focus their efforts on harvesting crops & preparing for the cold harsh winter. This left little time for raids & hostilities giving Roman soldiers time to rest, train & recoup.</p>
 			<h2 class="mb-2">Details</h2>
 			<p>
-				Tom Ross hosts a castra hiberna event in September near Tillsonburg Ontario. It's a private single day event between Romans and their adversaries. It's an excellent oportunity for new Roman reenactors. If May doesn't work for you, conscider coming to
+				Tom Ross hosts a castra hiberna event every September near Tillsonburg Ontario. It's a private single day event between Romans and their adversaries. It's an excellent opportunity for new Roman reenactors. If May doesn't work for you, consider coming to
 				<a routerLink="/events/aestiva">Castra Aestiva</a> in May.
 			</p>
 			<h3 class="mb-0">Activities</h3>
@@ -24,13 +24,13 @@
 				<li>Weapons Training</li>
 				<ul>
 					<li><em>Gladius & scutum</em> (Sword & shield)</li>
-					<li><em>Pilum</em> (Javlin)</li>
+					<li><em>Pilum</em> (Javelin)</li>
 					<li><em>Sagittariorum</em> (Archery)</li>
 					<li><em>Ballista</em> (Bolt thrower)</li>
 					<li><em>Funda</em> (Sling)</li>
 					<li>Stone throw</li>
 				</ul>
-				<li><em>Fabrica</em> (Craftsmenship)</li>
+				<li><em>Fabrica</em> (Craftsmanship)</li>
 				<li>Drill & Patrols</li>
 				<li>Campfires</li>
 				<li>Roman games</li>

src/app/views/events/hiberna/hiberna.component.scss

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

src/app/views/home/home.component.html

@@ -14,9 +14,9 @@
 		<p>
 			Legio XXX is a North American Roman reenactment group established in 2004.
 			<br><br>
-			It's members represent a cross between living history enthusiasts and "edutainers"
+			It's members represent a cross between living history enthusiasts and "edu-tainers"
 			<br><br>
-			that recreate the lives of soldiers found in Trajan's leagions during the 1st - 2nd Century AD
+			that recreate the lives of soldiers found in Trajan's legions during the 1st - 2nd Century AD
 		</p>
 	</div>
 	<div class="flex-md-grow-1" style="flex-basis: 0">
@@ -54,7 +54,7 @@
 		<div class="d-block text-center">
 			<h2>Enlist Today!</h2>
 			<p>
-				Interested in any <a routerLink="/calendar">events</a>?
+				Interested in any <a routerLink="/events/calendar">events</a>?
 				<br><br>
 				Legio XXX is looking for new recruits.
 				<br><br>

src/app/views/reenact/drill/drill.component.html

@@ -5,25 +5,37 @@
 			<mat-divider></mat-divider>
 			<br>
 		</div>
-		<div>
+		<div class="my-4 mb-5">
-			<p>Unfortunately no training manuals from the 1st century have survived. The closest surviving reference comes from the <strong>Strategikon</strong> which was wrritten by <strong>Flavius Mauricius Tiberius Augustus</strong> who ruled Byzantium from 582-602 AD.</p>
+			<p>Unfortunately no training manuals from the 1st century have survived. The closest surviving reference comes from the <strong>Strategikon</strong> which was written by <strong>Flavius Mauricius Tiberius Augustus</strong> who ruled Byzantium from 582-602 AD.</p>
-			<p>With lack of historical information, Legio XXX along with other local re-enactment groups, established the following drill manual based on modern military drill.</p>
+			<p>With little historical information, Legio XXX along with other local re-enactment groups, established the following drill manual based on what we do know & modern military drill.</p>
 		</div>
 		<div>
-			<h2 class="mb-2">General</h2>
+			<table class="table2 w-100 mb-3">
-			<table class="table table-striped w-100 mb-3">
+				<colgroup>
+					<col style="width: 20%">
+					<col style="width: 20%">
+					<col style="width: 70%">
+				</colgroup>
 				<thead>
-				<tr class="text-start">
+				<tr>
 					<th><em>Latin</em></th>
 					<th>English</th>
 					<th>Description</th>
 				</tr>
 				</thead>
 				<tbody>
+				<tr class="subtitle">
+					<th colspan="3">General</th>
+				</tr>
 				<tr>
 					<td><em>Ad arma</em></td>
 					<td>Fall In</td>
-					<td>Fall into position, single file to the left of the <em>vexillum</em> (standard); stand at ease</td>
+					<td>Fall into position to the left of the <em>vexillum</em> (standard); stand at ease</td>
+				</tr>
+				<tr>
+					<td><em>Vos Dimitto</em></td>
+					<td>Dismissed</td>
+					<td>Fall out of formation</td>
 				</tr>
 				<tr>
 					<td><em>Mandata captate</em></td>
@@ -33,105 +45,306 @@
 				<tr>
 					<td><em>Laxate</em></td>
 					<td>At Ease</td>
-					<td>Relax with feet shoulder's width apart & equipment resting on the ground; disiplin should be maintained (don't move feet, face the front & remain quite)</td>
+					<td>Relax with feet shoulder's width apart & equipment resting on the ground; maintain discipline (don't move feet, face the front & remain quite)</td>
 				</tr>
-				<tr>
+				<tr class="subtitle">
-					<td><em>Vos Dimitto</em></td>
+					<th colspan="3">Dressing Ranks</th>
-					<td>Dismissed</td>
-					<td>Fall out of formation</td>
 				</tr>
-				</tbody>
-			</table>
-			<h2>Dressing</h2>
-			<table class="table table-striped w-100 mb-3">
-				<thead>
-				<tr class="text-start">
-					<th><em>Latin</em></th>
-					<th>English</th>
-					<th>Description</th>
-				</tr>
-				</thead>
-				<tbody>
 				<tr>
 					<td><em>Frontem dirigite</em></td>
-					<td>Right Dress</td>
+					<td>Right Dress (Close Order)</td>
 					<td></td>
 				</tr>
 				<tr>
 					<td><em>Spatium Date</em></td>
-					<td>Right Dress (Close Order)</td>
+					<td>Right Dress</td>
-					<td>Everyone but the right most person raises their right arm parellel to the ground with a closed fist and spaces them selfs one arm length away from the next person</td>
+					<td>Everyone but the right most person raises their right arm parallel to the ground with a closed fist & places it against the next person's shoulder. Everyone should be 1 arms length (~3') away from the next</td>
+				</tr>
+				<tr>
+					<td><em>Extendite</em></td>
+					<td>Right Dress (Double Spacing)</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Intrăte</em></td>
+					<td>Form Two Ranks</td>
+					<td></td>
 				</tr>
 				<tr>
 					<td><em>Iungite</em></td>
 					<td>Close Ranks</td>
 					<td></td>
 				</tr>
-				<tr>
-					<td><em>Intrăte</em></td>
-					<td>Form Two Ranks (Rows)</td>
-					<td></td>
-				</tr>
 				<tr>
 					<td><em>Exite</em></td>
-					<td>Form Single Rank (Rows)</td>
+					<td>Form Single Rank</td>
 					<td></td>
 				</tr>
-				</tbody>
+				<tr class="subtitle">
-			</table>
+					<th colspan="3">Turning</th>
-			<h2>Turning</h2>
-			<table class="table table-striped w-100 mb-3">
-				<thead>
-				<tr class="text-start">
-					<th><em>Latin</em></th>
-					<th>English</th>
-					<th>Description</th>
 				</tr>
-				</thead>
-				<tbody>
 				<tr>
 					<td><em>Ad gladios clinate</em></td>
-					<td>Right Turn</td>
+					<td>Right Face</td>
-					<td>Turn 90° to the right, pivoting on the right foot</td>
+					<td>Turn 90° to the right, pivoting on the right heal & left toes</td>
 				</tr>
 				<tr>
 					<td><em>Ad scuta clinate</em></td>
-					<td>Left Turn</td>
+					<td>Left Face</td>
-					<td>Turn 90° to the left, pivoting on the left foot</td>
+					<td>Turn 90° to the left, pivoting on the left heal & right toes</td>
 				</tr>
 				<tr>
 					<td><em>Transformate</em></td>
 					<td>About Face</td>
-					<td>Turn 180° to the right, pivoting on the right foot</td>
+					<td>Turn 180° to the right, pivoting on the right heal & left toes</td>
 				</tr>
 				<tr>
 					<td><em>Ad scutum transformate</em></td>
 					<td>About Face to the Left</td>
-					<td>Turn 180° to the left, pivoting on the right foot</td>
+					<td>Turn 180° to the left, pivoting on the left heal & right toes</td>
 				</tr>
-				</tbody>
+				<tr class="subtitle">
-			</table>
+					<th colspan="3">Formations</th>
-			<h2>Marching</h2>
-			<h2>Formations</h2>
-			<h2>Weapons</h2>
-			<h3>General</h3>
-			<h3>Pilum</h3>
-			<h3>Gladius</h3>
-			<h3>Artillery</h3>
-			<h2>Miscellaneous</h2>
-			<table class="table table-striped w-100 mb-3">
-				<thead>
-				<tr class="text-start">
-					<th><em>Latin</em></th>
-					<th>English</th>
-					<th>Description</th>
 				</tr>
-				</thead>
-				<tbody>
 				<tr>
-					<td><em>Silentium</em></td>
+					<td><em>Agmen formate</em></td>
+					<td>Marching column</td>
+					<td>Step off with the left foot, maintain a pace of 120 steps/minute</td>
+				</tr>
+				<tr>
+					<td><em>Aciem formate</em></td>
+					<td>Battle line</td>
+					<td>
+						Soldiers form a line with their <em>pilum</em> at the ready. This is not a shield wall, 6' spacing should
+						be maintained between each column.
+					</td>
+				</tr>
+				<tr>
+					<td><em>Cuneum formate</em></td>
+					<td>Wedge</td>
+					<td>Centerio is placed at the tip of the wedge with soldiers trailing off his side</td>
+				</tr>
+				<tr>
+					<td><em>Orbem formate</em></td>
+					<td>Circle</td>
+					<td>Form a defensive circle with ranged units & officers in the center</td>
+				</tr>
+				<tr>
+					<td><em>Quadratum formate</em></td>
+					<td>Square</td>
+					<td>Form a defensive square with ranged units & officers in the center</td>
+				</tr>
+				<tr>
+					<td><em>Testudinem formate</em></td>
+					<td><em>Testudo</em> (Tortis)</td>
+					<td>
+						First rank raises shields to eye height, the following ranks lift their shields onto their heads overlapping the rank in-front.
+						Formation advances together using a chant to stay in step ("Ro-ma, Ro-ma" or "Dex-Sin, Dex-Sin")
+					</td>
+				</tr>
+				<tr>
+					<td><em>Porro</em></td>
+					<td>Advance</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Ordinem servate</em></td>
+					<td>Hold position</td>
+					<td></td>
+				</tr>
+				<tr class="subtitle">
+					<th colspan="3">Marching</th>
+				</tr>
+				<tr>
+					<td><em>Tarde movete</em></td>
+					<td>Slow march</td>
+					<td>Step off with the left foot, maintain a pace of 60 steps/minute</td>
+				</tr>
+				<tr>
+					<td><em>Movete</em></td>
+					<td>March</td>
+					<td>Step off with the left foot, maintain a pace of 120 steps/minute</td>
+				</tr>
+				<tr>
+					<td><em>Duplex tempus</em></td>
+					<td>Double time</td>
+					<td>Step off with the left foot, maintain a pace of 180 steps/minute</td>
+				</tr>
+				<tr>
+					<td><em>State</em></td>
+					<td>Halt</td>
+					<td>Issued on the right step, stop on the left foot and stand at attention</td>
+				</tr>
+				<tr>
+					<td><em>Ad gladios rotate</em></td>
+					<td>Right Wheel</td>
+					<td>
+						The first rank swings 90° to the right like a door, everyone else need only follow the person in front of them.
+						The innermost side will have to shorten their step (even marching on the spot) while the outermost will have to take
+						larger steps to maintain a straight front line.
+					</td>
+				</tr>
+				<tr>
+					<td><em>Ad scuta rotate</em></td>
+					<td>Left Wheel</td>
+					<td>
+						The first rank swings 90° to the left like a door, everyone else need only follow the person in front of them.
+						The innermost side will have to shorten their step (even marching on the spot) while the outermost will have to take
+						larger steps to maintain a straight front line.
+					</td>
+				</tr>
+				<tr class="subtitle">
+					<th colspan="3">Weapons: Pilum</th>
+				</tr>
+				<tr>
+					<td><em>Pila deponite</em></td>
+					<td>Lay down javelin</td>
+					<td>Lay flat on the ground</td>
+				</tr>
+				<tr>
+					<td><em>Pila infigite</em></td>
+					<td>Plant javelin</td>
+					<td>Stick vertically into the ground</td>
+				</tr>
+				<tr>
+					<td><em>Pila tollite</em></td>
+					<td>Pickup javelin</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Pila parate</em></td>
+					<td>Prepare to throw</td>
+					<td>Place one foot ahead & raise your <em>pilum</em> up</td>
+				</tr>
+				<tr>
+					<td><em>Pila iacite</em></td>
+					<td>Throw</td>
+					<td>
+						Advance 3 steps and throw, 2nd rank will advance through gaps in the first rank.
+						Immediately draw your sword after
+					</td>
+				</tr>
+				<tr class="subtitle">
+					<th colspan="3">Weapons: Gladius</th>
+				</tr>
+				<tr>
+					<td><em>Gladios stringite</em></td>
+					<td>Draw swords</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Gladios recondite</em></td>
+					<td>Sheath swords</td>
+					<td></td>
+				</tr>
+				<tr class="subtitle">
+					<th colspan="3">Weapons: Ranged Types</th>
+				</tr>
+				<tr>
+					<td><em>Funditor</em></td>
+					<td>Slingers</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Sagittarii</em></td>
+					<td>Archers</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Ballistam</em></td>
+					<td>Bolt thrower</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Catapultam</em></td>
+					<td>Catapult</td>
+					<td></td>
+				</tr>
+				<tr class="subtitle">
+					<th colspan="3">Weapons: Ranged Commands</th>
+				</tr>
+				<tr>
+					<td><em>[Type] Parate</em></td>
+					<td>Prepare weapons</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>[Type] torquete</em></td>
+					<td>Wind/cock</td>
+					<td>Exclusive to artillery pieces</td>
+				</tr>
+				<tr>
+					<td><em>[Type] sagittam ponite</em></td>
+					<td>Load</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>[Type] dirigite</em></td>
+					<td>Aim</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>[Type] dimittite</em></td>
+					<td>Fire</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>[Type] tutam reddite</em></td>
+					<td>Secure weapons</td>
+					<td></td>
+				</tr>
+				<tr class="subtitle">
+					<th colspan="3">Miscellaneous</th>
+				</tr>
+				<tr>
+					<td><em>Exspectate</em></td>
+					<td>Wait for it</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Parate</em></td>
+					<td>Prepare</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Parati</em></td>
+					<td>Ready</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Nunc</em></td>
+					<td>Now</td>
+					<td>Execute the preceding command (Ex. "ad gladios clinate... nunc")</td>
+				</tr>
+				<tr>
+					<td><em>Sin[ister]/Gladios</em></td>
+					<td>Right/Sword [hand]</td>
+					<td>Legio XXX prefers to use <em>gladios</em> instead of <em>sin</em></td>
+				</tr>
+				<tr>
+					<td><em>Dex[ter]/Scuta</em></td>
+					<td>Left/Shield [hand]</td>
+					<td>Legio XXX prefers to use <em>scuta</em> instead of <em>dex</em></td>
+				</tr>
+				<tr>
+					<td><em>Clamate</em></td>
+					<td>Battle cry</td>
+					<td></td>
+				</tr>
+				<tr>
+					<td><em>Silentium/Tacete</em></td>
 					<td>Silence</td>
-					<td>Silence the ranks</td>
+					<td>Silence any chatter in the ranks</td>
+				</tr>
+				<tr>
+					<td><em>Accelerate</em></td>
+					<td>Speed Up</td>
+					<td>Can be prepended to other commands</td>
+				</tr>
+				<tr>
+					<td><em>Tardate/Tarde</em></td>
+					<td>Slow Down/Slowly</td>
+					<td>Can be prepended to other commands</td>
 				</tr>
 				</tbody>
 			</table>

src/app/views/reenact/drill/drill.component.scss

@@ -0,0 +1,32 @@
+.table2 {
+	-webkit-print-color-adjust: exact;
+	border: solid 1px #333333;
+
+	thead > tr {
+		//background-color: black !important;
+		//color: white !important;
+		border: solid 1px #333333;
+
+		th {
+			border-width: 0 !important;
+		}
+	}
+
+	tbody {
+		tr:nth-child(odd) {
+			--bs-table-accent-bg: #eee;
+			background: #eee;
+		}
+	}
+
+	tr.subtitle {
+		&, * {
+			background-color: #333333 !important;
+			color: white !important;
+		}
+	}
+
+	td, th {
+		padding: 0.5rem;
+	}
+}

src/app/views/reenact/drill/drill.component.ts

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

src/app/views/reenact/getting-started/getting-started.component.html

@@ -18,7 +18,7 @@
 				<h2 class="mb-2">Enlisting</h2>
 				<p>
 					If reenacting is something you would seriously like to do, great! Interest in the history of Rome is the primary requirement and you are in the right place. This guide will walk you through everything
-					you need to know to get started. Aquiring a full kit may take some time & cost a couple thousand dollars (USD/CAD) however we provide <a routerLink="/diy">manuals</a> to build equipment yourself
+					you need to know to get started. Acquiring a full kit may take some time & cost a couple thousand dollars (USD/CAD) however we provide <a routerLink="/diy">manuals</a> to build equipment yourself
 					to save on costs. With enough notice we may be able to loan any equipment you are missing for an event, please let us know.
 				</p>
 				<p>
@@ -34,26 +34,26 @@
 							<ul>
 								<li>Period correct</li>
 								<li>Can be fictional or non-fictional</li>
-								<li>Avoide famous people/names</li>
+								<li>Avoid famous people/names</li>
 							</ul>
 							<li><a routerLink="/vendors">Purchase</a> or <a routerLink="/diy">assemble</a> your equipment, ordered by priority:</li>
 							<ul>
 								<li><span class="fw-bold"><em>Tunica</em> (Tunic)</span> - A large shirt/dress held at the waist by a cord or cloth belt</li>
-								<li><span class="fw-bold"><em>Caligae</em> (Sandles)</span> - Modern leather sandles will do in a pinch</li>
+								<li><span class="fw-bold"><em>Caligae</em> (Sandals)</span> - Modern leather sandals will do in a pinch</li>
-								<li><span class="fw-bold"><em>Balteus</em> (Belt)</span> - A lether ordimental apron used to afix weapons</li>
+								<li><span class="fw-bold"><em>Balteus</em> (Belt)</span> - A leather ornamental apron used to affix weapons</li>
-								<li><span class="fw-bold"><em>Pugio</em> (Dagger)</span> - Attached to the Balteus</li>
+								<li><span class="fw-bold"><em>Pugio</em> (Dagger)</span> - Attached to the <em>Balteus</em></li>
 								<li><em>Cassis</em> (Helmet) - To protect the noggin!</li>
 								<li><em>Gladius</em> (Sword) - The primary weapon of the empire</li>
 								<li><em>Scutum</em> (Shield) - A large semicircle shield</li>
-								<li><em>Pilum</em> (Javlin) - A ranged weapon</li>
+								<li><em>Pilum</em> (Javelin) - A ranged weapon</li>
 								<li><em>Lorica</em> (Armour) - Segmata, hamata or plumata/squamta</li>
 								<li><em>Subarmalis</em> (Padded Vest) - Additional comfort & protection</li>
-								<li><em>Focale</em> (Scarf) - Protects the neck from chaifing</li>
+								<li><em>Focale</em> (Scarf) - Protects the neck from chaffing</li>
 							</ul>
 							<li>Submit an <a>application</a></li>
 						</ul>
 					</div>
-					<div class="d-flex align-items-end justify-content-center">
+					<div class="d-flex d-print-none align-items-end justify-content-center">
 						<img src="/assets/img/recruitment2.jpg" alt="The Roman Empire Wants You!">
 					</div>
 				</div>

src/app/views/reenact/rules/rules.component.html

@@ -11,17 +11,17 @@
 			<ol class="mt-1">
 				<li>Respect the chain of command</li>
 				<li>Behave like a professional Roman soldier</li>
-				<li>Follow the dress code at all times & stay in charchter</li>
+				<li>Follow the dress code at all times & stay in character</li>
 				<li>Accept constructive criticism with grace & an open mind</li>
 				<li>Be polite & respectful, you not only represent yourself but the group</li>
 				<li>Be courteous and helpful to anyone hosting the legion</li>
 				<li>Keep the venue clean & ensure everything is returned to it's original state before departing</li>
-				<li>Have basic knowledge about what we reencat & answer questions as accurately as possible;
+				<li>Have basic knowledge about what we reenact & answer questions as accurately as possible;
 					<strong>Do not hesitate to admit when you don't know the answer & refer to someone else</strong>
 				</li>
 				<li>Posses the minimum amount of kit needed to participate (Let us know if you need something)</li>
 				<li>Equipment is to be as period correct and functional as materials and costs permit</li>
-				<li>All kit should be inspected for cleanliness and serviceability; see our <a href="/maintinance">maintinace guide</a></li>
+				<li>All kit should be inspected for cleanliness and serviceability; see our <a href="/maintenance">maintenance guide</a></li>
 				<li>Absolutely no modern day paraphernalia is permitted (i.e., sunglasses, eyeglasses, wrist watches, piercings of any kind, eccentric hair colour, inappropriate visible tattoos, etc.)</li>
 				<li>Some modern equipment (camping, food, etc.) is permitted after hours provided it is hidden during operational hours</li>
 				<li>During public events all belongings should be secured by at least one member or an assistant</li>
@@ -34,35 +34,36 @@
 				The following is a list of equipment needed to participate, depending on the weather & who you are portraying your requirements may be different.
 				Check the <a href="/info/equipment">equipment page</a> for a full list:
 			</p>
-			<h4 class="mb-0">Minumum</h4>
+			<h4 class="mb-0">Minimum</h4>
 			<small class="text-muted">Around camp & public events</small>
 			<ul class="mt-1">
 				<li><em>Tunica</em> (Tunic) - A large shirt/dress held at the waist by a cord or cloth belt</li>
-				<li><em>Caligae</em> (Sandles) - Modern leather sandles will do in a pinch</li>
+				<li><em>Caligae</em> (Sandals) - Modern leather sandals will do in a pinch</li>
-				<li><em>Balteus</em> (Belt) - A lether ordimental apron used to afix weapons</li>
+				<li><em>Balteus</em> (Belt) - A leather ornamental apron used to affix weapons</li>
 				<li><em>Pugio</em> (Dagger) - Attached to the <em>Balteus</em></li>
 			</ul>
 			<h4 class="mb-0">Battle Dress</h4>
-			<small class="text-muted">During drill & demonstraitions</small>
+			<small class="text-muted">During drill & demonstrations</small>
 			<ul class="mt-1">
 				<li>Everything above</li>
 				<li><em>Cassis</em> (Helmet) - To protect the noggin!</li>
 				<li><em>Subarmalis</em> (Padded Vest) - Additional comfort & protection</li>
 				<li><em>Lorica</em> (Armour) - Segmata, hamata or plumata/squamta</li>
-				<li><em>Focale</em> (Scarf) - Protects the neck from chaifing</li>
+				<li><em>Focale</em> (Scarf) - Protects the neck from chaffing</li>
 				<li><em>Gladius</em> (Sword) - The primary weapon of the empire</li>
 				<li><em>Scutum</em> (Shield) - A large semicircle shield</li>
-				<li><em>Pilum</em> (Javlin) - A ranged weapon</li>
+				<li><em>Pilum</em> (Javelin) - A ranged weapon</li>
 			</ul>
 			<h3 class="mb-2">Non-Legionaries</h3>
-			<p>Any reenacters are welcome as long as they stay period correct to the 2nd centery AD. This may include civilians, barbarians & Greeks.</p>
+			<p>Any re-enactors are welcome as long as they stay period correct to the 2nd century AD. This may include civilians, barbarians & Greeks.</p>
 		</div>
 		<div>
 			<h2 class="mb-2">Weapons</h2>
 			<p>The inappropriate use of weapons will not be tolerated:</p>
 			<ol class="mt-1">
+				<li>Be safe and conscious of yor weapons</li>
 				<li>Use the verbal warning “Clear” before drawing weapons</li>
-				<li>Always follow the instructions of the Range Safety Officer (RSO) when applicaple</li>
+				<li>Always follow the instructions of the Range Safety Officer (RSO) when applicable</li>
 				<li>Weapons are not to be handled by the public, under any circumstance</li>
 				<li>Swords and daggers will be secured at all events with a device to ensure that they cannot be removed by unauthorized personnel</li>
 			</ol>