ztimson/legio-30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Added basic gallery

Browse Source
This commit is contained in:
Zakary Timson
2022-09-28 08:54:33 -04:00
parent 5c6f40b6ca
commit 8d5fa177df
147 changed files with 176 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/views/gallery/gallery.component.html
View File

@ -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>

155
src/app/views/gallery/gallery.component.ts
View File

@ -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'},
]}]
}

7
src/app/views/home/home.component.html
View File

@ -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="two">Reenacting</mat-option>
<mat-option value="two">Other</mat-option>
<mat-option value="castra">Castra Aestiva/Hiberna</mat-option>
<mat-option value="host">Host Legio XXX</mat-option>
<mat-option value="reenacting">Reenacting</mat-option>
<mat-option value="other">Other</mat-option>
</mat-select>
</mat-form-field>
</div>