Added basic gallery

src/app/components/banner/banner.component.ts

@@ -22,8 +22,11 @@ export class BannerComponent implements AfterViewInit, OnDestroy, OnInit {
 	images = [
 		'/assets/img/banner/aquilifer.jpg',
 		'/assets/img/banner/castra.jpg',
+		'/assets/img/banner/centurio.jpg',
+		'/assets/img/banner/formation.jpg',
 		'/assets/img/banner/ROM.jpg',
 		'/assets/img/banner/shield.jpg',
+		'/assets/img/banner/testudo.jpg',
 		'/assets/img/banner/tripod.jpg',
 	];
 	selected  = 0;

src/app/misc/navigation.ts

@@ -35,9 +35,9 @@ export const NAVIGATION: NavigationGroup = [
 			{label: 'Getting Started', url: '/getting-started'},
 			{label: 'Rules & Regulations', url: '/rules'},
 		], [
+			{label: 'Trusted Vendors', url: '/vendors'},
 			{label: 'Kit Assembly', url: '/diy'},
 			{label: 'Kit Maintinance', url: '/info/maintinance'},
-			{label: 'Trusted Vendors', url: '/vendors'},
 		], [
 			{label: 'Login/Register', url: '/login'},
 	]]},

src/app/views/gallery/gallery.component.html

@@ -0,0 +1,10 @@
+<div class="invert p-5">
+	<div *ngFor="let album of photos" class="mb-5">
+		<h1 class="mb-0">{{album.album}}</h1>
+		<mat-divider class="mb-3"></mat-divider>
+		<div *ngFor="let photo of album.photos" class="d-inline-block me-3 mb-3">
+			<img [alt]="photo.caption" [src]="photo.src" height="150px" width="auto">
+		</div>
+
+	</div>
+</div>

src/app/views/gallery/gallery.component.ts

@@ -4,4 +4,157 @@ import {Component} from '@angular/core';
 	selector: 'xxx-gallery',
 	templateUrl: './gallery.component.html'
 })
-export class GalleryComponent { }
+export class GalleryComponent {
+	photos = [{album: '2022', photos: [
+			{caption: '', src: '/assets/img/gallery/2022/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/008.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/009.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/010.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/011.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/012.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/013.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/014.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/015.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/016.jpg'},
+			{caption: '', src: '/assets/img/gallery/2022/017.jpg'},
+		]}, {album: '2021', photos: [
+			{caption: '', src: '/assets/img/gallery/2021/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2021/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2021/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2021/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2021/005.jpg'},
+		]}, {album: '2019', photos: [
+			{caption: '', src: '/assets/img/gallery/2019/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2019/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2019/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2019/004.jpg'},
+		]}, {album: '2018', photos: [
+			{caption: '', src: '/assets/img/gallery/2018/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2018/008.jpg'},
+		]}, {album: '2017', photos: [
+			{caption: '', src: '/assets/img/gallery/2017/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2017/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2017/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2017/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2017/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2017/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2017/007.jpg'},
+		]}, {album: '2016', photos: [
+			{caption: '', src: '/assets/img/gallery/2016/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/008.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/009.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/010.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/011.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/012.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/013.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/014.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/015.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/016.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/017.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/018.jpg'},
+			{caption: '', src: '/assets/img/gallery/2016/019.jpg'},
+		]}, {album: '2014', photos: [
+			{caption: '', src: '/assets/img/gallery/2014/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/008.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/009.jpg'},
+			{caption: '', src: '/assets/img/gallery/2014/010.jpg'},
+		]}, {album: '2013', photos: [
+			{caption: '', src: '/assets/img/gallery/2013/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2013/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2013/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2013/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2013/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2013/006.jpg'},
+		]}, {album: '2012', photos: [
+			{caption: '', src: '/assets/img/gallery/2012/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/008.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/009.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/010.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/011.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/012.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/013.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/014.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/015.jpg'},
+			{caption: '', src: '/assets/img/gallery/2012/016.jpg'},
+		]}, {album: '2011', photos: [
+			{caption: '', src: '/assets/img/gallery/2011/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2011/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2011/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2011/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2011/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2011/006.jpg'},
+		]}, {album: '2010', photos: [
+			{caption: '', src: '/assets/img/gallery/2010/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/008.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/009.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/010.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/011.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/012.jpg'},
+			{caption: '', src: '/assets/img/gallery/2010/013.jpg'},
+		]}, {album: '2009', photos: [
+			{caption: '', src: '/assets/img/gallery/2009/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/008.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/009.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/010.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/011.jpg'},
+			{caption: '', src: '/assets/img/gallery/2009/012.jpg'},
+		]}, {album: '2008', photos: [
+			{caption: '', src: '/assets/img/gallery/2008/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/006.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/007.jpg'},
+			{caption: '', src: '/assets/img/gallery/2008/008.jpg'},
+		]}, {album: '2007', photos: [
+			{caption: '', src: '/assets/img/gallery/2007/001.jpg'},
+			{caption: '', src: '/assets/img/gallery/2007/002.jpg'},
+			{caption: '', src: '/assets/img/gallery/2007/003.jpg'},
+			{caption: '', src: '/assets/img/gallery/2007/004.jpg'},
+			{caption: '', src: '/assets/img/gallery/2007/005.jpg'},
+			{caption: '', src: '/assets/img/gallery/2007/006.jpg'},
+	]}]
+}

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

@@ -84,9 +84,10 @@
 				<mat-form-field appearance="fill" class="w-100">
 					<mat-label>Subject</mat-label>
 					<mat-select>
-						<mat-option value="one">Castra Events</mat-option>
+						<mat-option value="castra">Castra Aestiva/Hiberna</mat-option>
-						<mat-option value="two">Reenacting</mat-option>
+						<mat-option value="host">Host Legio XXX</mat-option>
-						<mat-option value="two">Other</mat-option>
+						<mat-option value="reenacting">Reenacting</mat-option>
+						<mat-option value="other">Other</mat-option>
 					</mat-select>
 				</mat-form-field>
 			</div>