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

About page styling

Browse Source
This commit is contained in:
Zakary Timson
2022-10-31 00:12:46 -04:00
parent 389332447d
commit d264a0400d
4 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/views/about/about.component.html
View File

@@ -1,4 +1,5 @@
<div class="invert"> <div class="invert">
<div class="banner"></div>
<div class="container py-4 px-3"> <div class="container py-4 px-3">
<div> <div>
<h1 class="mb-2">About</h1> <h1 class="mb-2">About</h1>
@@ -41,11 +42,11 @@
<div class="mx-3"> <div class="mx-3">
<h4 class="mb-2">Conferences & Festivals</h4> <h4 class="mb-2">Conferences & Festivals</h4>
<ul class="mt-0"> <ul class="mt-0">
<li>Toronto Living History Conference (2007)</li> <li>Toronto Living History Conference, Toronto ON (2007)</li>
<li>Thorold Italian Festival, Thorold ON (2008)</li> <li>Thorold Italian Festival, Thorold ON (2008)</li>
<li>Historic Merchant’s Xmas, Hamilton, ON (2009)</li> <li>Historic Merchant’s Xmas, Hamilton ON (2009)</li>
<li>History Symposium, London, ON (2019)</li> <li>History Symposium, London ON (2019)</li>
<li>Artifact Day at Longwoods Road Conservation Area (2022)</li> <li>Artifact Day, Longwoods Road Conservation Area (2022)</li>
</ul> </ul>
</div> </div>
<div class="mx-3"> <div class="mx-3">
@@ -55,11 +56,11 @@
<li>Roman Market Days (2004)</li> <li>Roman Market Days (2004)</li>
<li>NE Route March, Erie Canal (2005)</li> <li>NE Route March, Erie Canal (2005)</li>
<li>Roman Days (2005)</li> <li>Roman Days (2005)</li>
<li>Fort Meigs, Perrysburg OH (2007 and 2008)</li> <li>Fort Meigs, Perrysburg OH (2007, 2008)</li>
<li>Varus Disaster New Ulm Minnesota (2009)</li> <li>Varus Disaster New Ulm Minnesota (2009)</li>
<li>New Glarus, Wisconsin (2010)</li> <li>New Glarus, Wisconsin (2010)</li>
<li>Legio II Castrum, ON (2010)</li> <li>Legio II Castrum, ON (2010)</li>
<li>Southern Ontario Military Muster, ON (2012 and 2013)</li> <li>Southern Ontario Military Muster, ON (2012, 2013)</li>
<li>Roman Field Trek, ON (2013)</li> <li>Roman Field Trek, ON (2013)</li>
</ul> </ul>
</div> </div>

6
src/app/views/about/about.component.scss Normal file
View File

@@ -0,0 +1,6 @@
.banner {
width: 100%;
height: 500px;
background: white url("/assets/img/castra.jpg") center center no-repeat;
background-size: cover;
}

3
src/app/views/about/about.component.ts
View File

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

BIN
src/assets/img/castra.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 749 KiB