Updates

src/app/app.module.ts

@@ -14,6 +14,7 @@ import {CalendarComponent} from './views/events/calendar/calendar.component';
 import {HibernaComponent} from './views/events/hiberna/hiberna.component';
 import {GalleryComponent} from './views/gallery/gallery.component';
 import {HomeComponent} from './views/home/home.component';
+import {DrillComponent} from './views/reenact/drill/drill.component';
 import {GettingStartedComponent} from './views/reenact/getting-started/getting-started.component';
 import {RulesComponent} from './views/reenact/rules/rules.component';
 
@@ -23,6 +24,7 @@ export const APP_COMPONENTS = [
 	AppComponent,
 	BannerComponent,
 	CalendarComponent,
+	DrillComponent,
 	GettingStartedComponent,
 	HibernaComponent,
 	FooterComponent,

src/app/app.routing.ts

@@ -7,12 +7,14 @@ import {CalendarComponent} from './views/events/calendar/calendar.component';
 import {HibernaComponent} from './views/events/hiberna/hiberna.component';
 import {GalleryComponent} from './views/gallery/gallery.component';
 import {HomeComponent} from './views/home/home.component';
+import {DrillComponent} from './views/reenact/drill/drill.component';
 import {GettingStartedComponent} from './views/reenact/getting-started/getting-started.component';
 import {RulesComponent} from './views/reenact/rules/rules.component';
 
 const routes: Routes = [
 	{path: '', pathMatch: 'full', component: HomeComponent},
 	{path: 'about', component: AboutComponent},
+	{path: 'drill', component: DrillComponent},
 	{path: 'events/aestiva', component: AestivaComponent},
 	{path: 'events/hiberna', component: HibernaComponent},
 	{path: 'events/calendar', component: CalendarComponent},

src/app/containers/app/app.component.html

@@ -1,6 +1,8 @@
-<xxx-navbar [hamburger]="mobile"></xxx-navbar>
+<xxx-navbar class="d-print-none" [hamburger]="mobile"></xxx-navbar>
 <div class="fill app-container">
-	<div id="top"></div>
+	<div id="top">
-	<router-outlet></router-outlet>
+		<img class="d-print-block d-none mt-4" src="/assets/img/header.png" width="250px" height="auto">
-	<xxx-footer></xxx-footer>
+	</div>
+	<router-outlet></router-outlet>
+	<xxx-footer class="d-print-none"></xxx-footer>
 </div>

src/app/containers/app/app.component.scss

@@ -2,4 +2,9 @@
 	overflow-x: hidden;
 	overflow-y: auto;
 	scroll-behavior: smooth;
+
+	@media print {
+		overflow-x: inherit !important;
+		overflow-y: inherit !important;
+	}
 }

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

@@ -83,7 +83,9 @@
 					<li>Castra Hiberna (2017, 2018, 2021, 2022)</li>
 				</ul>
 				<h2>Special Thanks</h2>
-
+				<p>David - Commanding Officer & subject matter expert, providing much of this site's content</p>
+				<p>Tom Ross - Provides Legio XXX's re-enactment facilities near Tillsonburg Ontario</p>
+				<p>Robert Nortin - <em>Armicustos</em> (Quartermaster) & provider of most of our <a routerLink="/diy">manuals</a></p>
 			</div>
 		</div>
 	</div>

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

@@ -23,7 +23,7 @@
 				<li>Weapons Training</li>
 				<ul>
 					<li><em>Gladius & scutum</em> (Sword & shield)</li>
-					<li><em>Pilum</em> (Javlin throw)</li>
+					<li><em>Pilum</em> (Javlin)</li>
 					<li><em>Sagittariorum</em> (Archery)</li>
 					<li><em>Ballista</em> (Bolt thrower)</li>
 					<li><em>Funda</em> (Sling)</li>

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

@@ -24,7 +24,7 @@
 				<li>Weapons Training</li>
 				<ul>
 					<li><em>Gladius & scutum</em> (Sword & shield)</li>
-					<li><em>Pilum</em> (Javlin throw)</li>
+					<li><em>Pilum</em> (Javlin)</li>
 					<li><em>Sagittariorum</em> (Archery)</li>
 					<li><em>Ballista</em> (Bolt thrower)</li>
 					<li><em>Funda</em> (Sling)</li>

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

@@ -0,0 +1,55 @@
+<div class="invert">
+	<div class="container py-4 px-3">
+		<div>
+			<h1 class="mb-2">Drill Commands</h1>
+			<mat-divider></mat-divider>
+			<br>
+		</div>
+		<div>
+			<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>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>
+		</div>
+		<div>
+			<h2 class="mb-2">General</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 arma</em></td>
+					<td>Fall In</td>
+					<td>Fall into position at ease, single file to the left of the <em>vexillum</em> (standard)</td>
+				</tr>
+				<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>
+				</tr>
+				<tr>
+					<td><em>Mandata captate</em></td>
+					<td>Attention</td>
+					<td>Stand at attention; Legs together, arms at side, equipment off the ground</td>
+				</tr>
+				<tr>
+					<td><em>Silentium</em></td>
+					<td>Silence</td>
+					<td>Silence the ranks</td>
+				</tr>
+				</tbody>
+			</table>
+			<h2>Marching</h2>
+			<h2>Formations</h2>
+			<h2>Weapons</h2>
+			<h3>General</h3>
+			<h3>Pilum</h3>
+			<h3>Gladius</h3>
+			<h3>Artillery</h3>
+			<h2>Miscellaneous</h2>
+		</div>
+	</div>
+</div>

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

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+	selector: 'xxx-drill',
+	templateUrl: './drill.component.html'
+})
+export class DrillComponent { }

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

@@ -43,10 +43,10 @@
 						<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>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>Pilum</em> (Javlin) - A ranged weapon</li>
 					</ul>
 					<li>Submit an <a>application</a></li>
 				</ul>

src/styles.scss

@@ -15,7 +15,7 @@ $LegioXXX-theme: mat.define-dark-theme((
 
 @include mat.all-component-themes($LegioXXX-theme);
 
-@import '~bootstrap/dist/css/bootstrap-utilities.min.css';
+@import "~bootstrap/dist/css/bootstrap.min.css";
 
 ::-webkit-scrollbar-track {
 	background: rgba(0, 0, 0, 0);
@@ -40,6 +40,11 @@ body {
 	font-family: Roboto, sans-serif;
 	margin: 0;
 	overflow: hidden;
+
+	@media print {
+		background: #fff !important;
+		overflow: visible !important;
+	}
 }
 
 a, a:visited {