Added DIY page

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

@@ -0,0 +1,21 @@
+<div class="invert">
+	<div class="cap-width py-5 px-3">
+		<div class="mb-3">
+			<div class="d-flex align-items-end justify-content-between mb-2">
+				<h1 class="mb-0">Build Equipment</h1>
+			</div>
+			<mat-divider></mat-divider>
+		</div>
+		<div>
+			<ul>
+				<li><em>Beltus</em> (Belt): <a href="/assets/manuals/Beltus%20Part%201%20-%20Robert%20Norton.pdf" target="_blank"> Part 1</a>, <a href="/assets/manuals/Beltus%20Part%202%20-%20Robert%20Norton.pdf" target="_blank">Part 2</a></li>
+				<li><a href="/assets/manuals/Calcei%20-%20Lee%20Holeva.pdf" target="_blank"><em>Calcei</em> (Boots)</a></li>
+				<li><a href="/assets/manuals/Caligae%20-%20Robert%20Norton.pdf" target="_blank"><em>Caligae</em> (Sandals)</a></li>
+				<li><a href="/assets/manuals/Helmet%20Liner%20-%20Robert%20Norton.pdf" target="_blank">Helmet Liner</a></li>
+				<li><a href="/assets/manuals/Loculus%20-%20Robert%20Norton.pdf" target="_blank"><em>Loculus</em> (Bag)</a></li>
+				<li><em>Lorica Hamata</em> (Chain-mail): <a href="/assets/manuals/Lorica%20Hamata%20Part%201.pdf" target="_blank"> Part 1</a>, <a href="/assets/manuals/Lorica%20Hamata%20Part%202.pdf" target="_blank">Part 2</a></li>
+				<li><a href="/assets/manuals/Scutum.pdf" target="_blank"><em>Scutum</em> (Shield)</a></li>
+			</ul>
+		</div>
+	</div>
+</div>

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

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

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

@@ -1,32 +0,0 @@
-.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,7 +2,6 @@ import {Component} from '@angular/core';
 
 @Component({
 	selector: 'xxx-drill',
-	templateUrl: './drill.component.html',
-	styleUrls: ['./drill.component.scss']
+	templateUrl: './drill.component.html'
 })
 export class DrillComponent { }

src/app/views/reenact/maintinance/maintenance.component.scss

@@ -1,34 +0,0 @@
-.table2 {
-	-webkit-print-color-adjust: exact;
-	border: solid 1px #333333;
-	table-layout: fixed;
-	width: 100%;
-
-	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/maintinance/maintenance.component.ts

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