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

Updated gallery
All checks were successful
Build Website / Build NPM Project (push) Successful in 1m44s
Details
Build Website / Tag Version (push) Successful in 11s
Details
Build Website / Build & Push Dockerfile (push) Successful in 2m40s
Details

Browse Source
This commit is contained in:
Zakary Timson
2024-01-12 12:04:59 -05:00
parent 905f734d91
commit e6ff564111
14 changed files with 472 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,8 +2,8 @@
<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" loading="lazy">
<div *ngFor="let photo of album.photos; let i = index" class="d-inline-block me-3 mb-3">
<xxx-placeholder [src]="photo.src" [alt]="photo.alt" height="150px" (click)="open(photo)"></xxx-placeholder>
</div>
</div>
</div>

4
src/app/views/gallery/gallery.component.scss Normal file
View File

@@ -0,0 +1,4 @@
xxx-placeholder:hover ::ng-deep img {
transform: scale(1.1);
cursor: pointer;
}

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

@@ -1,160 +1,184 @@
import {Component} from '@angular/core';
import {MatDialog} from '@angular/material/dialog';
import {ImageViewerComponent} from '../../components/image-viewer/image-viewer.component';
import {Photo} from '../../components/models/photo';
@Component({
selector: 'xxx-gallery',
templateUrl: './gallery.component.html'
templateUrl: './gallery.component.html',
styleUrls: ['./gallery.component.scss'],
})
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'},
photos: {album: string, photos: Photo[]}[] = [
{album: '2022', photos: [
{alt: '', src: '/assets/img/gallery/2022/001.jpg'},
{alt: '', src: '/assets/img/gallery/2022/002.jpg'},
{alt: '', src: '/assets/img/gallery/2022/003.jpg'},
{alt: '', src: '/assets/img/gallery/2022/004.jpg'},
{alt: '', src: '/assets/img/gallery/2022/005.jpg'},
{alt: '', src: '/assets/img/gallery/2022/006.jpg'},
{alt: '', src: '/assets/img/gallery/2022/007.jpg'},
{alt: '', src: '/assets/img/gallery/2022/008.jpg'},
{alt: '', src: '/assets/img/gallery/2022/009.jpg'},
{alt: '', src: '/assets/img/gallery/2022/010.jpg'},
{alt: '', src: '/assets/img/gallery/2022/011.jpg'},
{alt: '', src: '/assets/img/gallery/2022/012.jpg'},
{alt: '', src: '/assets/img/gallery/2022/013.jpg'},
{alt: '', src: '/assets/img/gallery/2022/014.jpg'},
{alt: '', src: '/assets/img/gallery/2022/015.jpg'},
{alt: '', src: '/assets/img/gallery/2022/016.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2021/001.jpg'},
{alt: '', src: '/assets/img/gallery/2021/002.jpg'},
{alt: '', src: '/assets/img/gallery/2021/003.jpg'},
{alt: '', src: '/assets/img/gallery/2021/004.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2019/001.jpg'},
{alt: '', src: '/assets/img/gallery/2019/002.jpg'},
{alt: '', src: '/assets/img/gallery/2019/003.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2018/001.jpg'},
{alt: '', src: '/assets/img/gallery/2018/002.jpg'},
{alt: '', src: '/assets/img/gallery/2018/003.jpg'},
{alt: '', src: '/assets/img/gallery/2018/004.jpg'},
{alt: '', src: '/assets/img/gallery/2018/005.jpg'},
{alt: '', src: '/assets/img/gallery/2018/006.jpg'},
{alt: '', src: '/assets/img/gallery/2018/007.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2017/001.jpg'},
{alt: '', src: '/assets/img/gallery/2017/002.jpg'},
{alt: '', src: '/assets/img/gallery/2017/003.jpg'},
{alt: '', src: '/assets/img/gallery/2017/004.jpg'},
{alt: '', src: '/assets/img/gallery/2017/005.jpg'},
{alt: '', src: '/assets/img/gallery/2017/006.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2016/001.jpg'},
{alt: '', src: '/assets/img/gallery/2016/002.jpg'},
{alt: '', src: '/assets/img/gallery/2016/003.jpg'},
{alt: '', src: '/assets/img/gallery/2016/004.jpg'},
{alt: '', src: '/assets/img/gallery/2016/005.jpg'},
{alt: '', src: '/assets/img/gallery/2016/006.jpg'},
{alt: '', src: '/assets/img/gallery/2016/007.jpg'},
{alt: '', src: '/assets/img/gallery/2016/008.jpg'},
{alt: '', src: '/assets/img/gallery/2016/009.jpg'},
{alt: '', src: '/assets/img/gallery/2016/010.jpg'},
{alt: '', src: '/assets/img/gallery/2016/011.jpg'},
{alt: '', src: '/assets/img/gallery/2016/012.jpg'},
{alt: '', src: '/assets/img/gallery/2016/013.jpg'},
{alt: '', src: '/assets/img/gallery/2016/014.jpg'},
{alt: '', src: '/assets/img/gallery/2016/015.jpg'},
{alt: '', src: '/assets/img/gallery/2016/016.jpg'},
{alt: '', src: '/assets/img/gallery/2016/017.jpg'},
{alt: '', src: '/assets/img/gallery/2016/018.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2014/001.jpg'},
{alt: '', src: '/assets/img/gallery/2014/002.jpg'},
{alt: '', src: '/assets/img/gallery/2014/003.jpg'},
{alt: '', src: '/assets/img/gallery/2014/004.jpg'},
{alt: '', src: '/assets/img/gallery/2014/005.jpg'},
{alt: '', src: '/assets/img/gallery/2014/006.jpg'},
{alt: '', src: '/assets/img/gallery/2014/007.jpg'},
{alt: '', src: '/assets/img/gallery/2014/008.jpg'},
{alt: '', src: '/assets/img/gallery/2014/009.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2013/001.jpg'},
{alt: '', src: '/assets/img/gallery/2013/002.jpg'},
{alt: '', src: '/assets/img/gallery/2013/003.jpg'},
{alt: '', src: '/assets/img/gallery/2013/004.jpg'},
{alt: '', src: '/assets/img/gallery/2013/005.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2012/001.jpg'},
{alt: '', src: '/assets/img/gallery/2012/002.jpg'},
{alt: '', src: '/assets/img/gallery/2012/003.jpg'},
{alt: '', src: '/assets/img/gallery/2012/004.jpg'},
{alt: '', src: '/assets/img/gallery/2012/005.jpg'},
{alt: '', src: '/assets/img/gallery/2012/006.jpg'},
{alt: '', src: '/assets/img/gallery/2012/007.jpg'},
{alt: '', src: '/assets/img/gallery/2012/008.jpg'},
{alt: '', src: '/assets/img/gallery/2012/009.jpg'},
{alt: '', src: '/assets/img/gallery/2012/010.jpg'},
{alt: '', src: '/assets/img/gallery/2012/011.jpg'},
{alt: '', src: '/assets/img/gallery/2012/012.jpg'},
{alt: '', src: '/assets/img/gallery/2012/013.jpg'},
{alt: '', src: '/assets/img/gallery/2012/014.jpg'},
{alt: '', src: '/assets/img/gallery/2012/015.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2011/001.jpg'},
{alt: '', src: '/assets/img/gallery/2011/002.jpg'},
{alt: '', src: '/assets/img/gallery/2011/003.jpg'},
{alt: '', src: '/assets/img/gallery/2011/004.jpg'},
{alt: '', src: '/assets/img/gallery/2011/005.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2010/001.jpg'},
{alt: '', src: '/assets/img/gallery/2010/002.jpg'},
{alt: '', src: '/assets/img/gallery/2010/003.jpg'},
{alt: '', src: '/assets/img/gallery/2010/004.jpg'},
{alt: '', src: '/assets/img/gallery/2010/005.jpg'},
{alt: '', src: '/assets/img/gallery/2010/006.jpg'},
{alt: '', src: '/assets/img/gallery/2010/007.jpg'},
{alt: '', src: '/assets/img/gallery/2010/008.jpg'},
{alt: '', src: '/assets/img/gallery/2010/009.jpg'},
{alt: '', src: '/assets/img/gallery/2010/010.jpg'},
{alt: '', src: '/assets/img/gallery/2010/011.jpg'},
{alt: '', src: '/assets/img/gallery/2010/012.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2009/001.jpg'},
{alt: '', src: '/assets/img/gallery/2009/002.jpg'},
{alt: '', src: '/assets/img/gallery/2009/003.jpg'},
{alt: '', src: '/assets/img/gallery/2009/004.jpg'},
{alt: '', src: '/assets/img/gallery/2009/005.jpg'},
{alt: '', src: '/assets/img/gallery/2009/006.jpg'},
{alt: '', src: '/assets/img/gallery/2009/007.jpg'},
{alt: '', src: '/assets/img/gallery/2009/008.jpg'},
{alt: '', src: '/assets/img/gallery/2009/009.jpg'},
{alt: '', src: '/assets/img/gallery/2009/010.jpg'},
{alt: '', src: '/assets/img/gallery/2009/011.jpg'},
{alt: '', 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'},
{alt: '', src: '/assets/img/gallery/2008/001.jpg'},
{alt: '', src: '/assets/img/gallery/2008/002.jpg'},
{alt: '', src: '/assets/img/gallery/2008/003.jpg'},
{alt: '', src: '/assets/img/gallery/2008/004.jpg'},
{alt: '', src: '/assets/img/gallery/2008/005.jpg'},
{alt: '', src: '/assets/img/gallery/2008/006.jpg'},
{alt: '', src: '/assets/img/gallery/2008/007.jpg'},
{alt: '', 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'},
]}]
{alt: '', src: '/assets/img/gallery/2007/001.jpg'},
{alt: '', src: '/assets/img/gallery/2007/002.jpg'},
{alt: '', src: '/assets/img/gallery/2007/003.jpg'},
{alt: '', src: '/assets/img/gallery/2007/004.jpg'},
{alt: '', src: '/assets/img/gallery/2007/005.jpg'},
{alt: '', src: '/assets/img/gallery/2007/006.jpg'},
]}];
constructor(private dialog: MatDialog) {}
get flatten() {
return this.photos.reduce((acc: any[], album) => {
return [...acc, ...album.photos];
}, []);
}
open(photo: any) {
const flat = this.flatten;
const index = flat.findIndex(p => p.src == photo.src);
this.dialog.open(ImageViewerComponent, {
width: '100%',
height: '100%',
autoFocus: false,
data: {index, photos: flat}
});
}
}

33
src/app/views/reenact/maintinance/maintenance.component.html
View File

@@ -1,6 +1,6 @@
<div class="invert">
<div class="cap-width py-5 px-3">
<div>
<div class="mb-3">
<div class="d-flex align-items-end justify-content-between mb-2">
<h1 class="mb-0">Equipment Maintenance</h1>
<a class="d-none d-print-none d-sm-flex justify-content-center text-muted" href="javascript:window.print()">
@@ -8,15 +8,16 @@
Print
</a>
</div>
<mat-divider></mat-divider>
</div>
<mat-divider class="mb-5"></mat-divider>
<p>In an era marked by frequent warfare and constant threats, the effectiveness and durability of weapons and armor were critical for the survival of soldiers on the battlefield. Regular upkeep ensures that swords, and armor remain sharp, reliable and in working condition. Learn what how you can best care for your equipment.</p>
<div>
<h2 class="mb-2">Table of Contents</h2>
<h2 class="mb-1">Table of Contents</h2>
<mat-divider class="mb-3"></mat-divider>
<ul>
<li>Wood</li>
<li>Cloth</li>
<ul>
<li>Mineral Oil</li>
<li>Linseed Oil</li>
<li>Lanolin</li>
</ul>
<li>Leather</li>
<ul>
@@ -24,15 +25,23 @@
<li>Conditioner</li>
<li>Lanolin</li>
</ul>
<li>Rust Removal</li>
<li>Wood</li>
<ul>
<li>White Wine Vinegar</li>
<li>Mineral Oil</li>
<li>Linseed Oil</li>
</ul>
<li>Metal Preservation</li>
<li>Metal</li>
<ul>
<li>WD-40</li>
<li>Lanolin</li>
<li>Wax</li>
<li>Rust Removal</li>
<ul>
<li>White Wine Vinegar</li>
</ul>
<li>Preservation</li>
<ul>
<li>WD-40</li>
<li>Lanolin</li>
<li>Wax</li>
</ul>
</ul>
</ul>
</div>