Compare commits
No commits in common. "main" and "2025.04.08" have entirely different histories.
main
...
2025.04.08
BIN
source/public/merit-badges/wilderness-survival.png
Normal file
BIN
source/public/merit-badges/wilderness-survival.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 788 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,6 +1,6 @@
|
||||||
<div class="footer">
|
<div [class]="{'footer': !mobileService.isMobile(), 'footer-mobile': mobileService.isMobile()}">
|
||||||
<footer class="pv2 ph2 ph1-ns tc bg-black">
|
<footer class="pv4 ph3 ph5-ns tc bg-black">
|
||||||
<a class="link dim gray dib h1 w1 br-100 mr3"
|
<a class="link dim gray dib h2 w2 br-100 mr3"
|
||||||
href="https://www.facebook.com/share/1Sbdr1Ho2y/"
|
href="https://www.facebook.com/share/1Sbdr1Ho2y/"
|
||||||
title="Troop 20 Facebook">
|
title="Troop 20 Facebook">
|
||||||
<svg data-icon="facebook" viewBox="0 0 32 32" style="fill:currentcolor">
|
<svg data-icon="facebook" viewBox="0 0 32 32" style="fill:currentcolor">
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
d="M8 12 L13 12 L13 8 C13 2 17 1 24 2 L24 7 C20 7 19 7 19 10 L19 12 L24 12 L23 18 L19 18 L19 30 L13 30 L13 18 L8 18 z"></path>
|
d="M8 12 L13 12 L13 8 C13 2 17 1 24 2 L24 7 C20 7 19 7 19 10 L19 12 L24 12 L23 18 L19 18 L19 30 L13 30 L13 18 L8 18 z"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<a class="link dim gray dib h1 w1 br-100 mr3"
|
<a class="link dim gray dib h2 w2 br-100 mr3"
|
||||||
href="mailto:troop2020g@gmail.com"
|
href="mailto:troop2020g@gmail.com"
|
||||||
title="Email Us">
|
title="Email Us">
|
||||||
<svg data-icon="email" viewBox="0 0 8 6" style="fill:currentcolor">
|
<svg data-icon="email" viewBox="0 0 8 6" style="fill:currentcolor">
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
d="m0 0h8v6h-8zm.75 .75v4.5h6.5v-4.5zM0 0l4 3 4-3v1l-4 3-4-3z"></path>
|
d="m0 0h8v6h-8zm.75 .75v4.5h6.5v-4.5zM0 0l4 3 4-3v1l-4 3-4-3z"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<div class="mt2">
|
<div class="mt4">
|
||||||
<a href="https://www.scouting.org"
|
<a href="https://www.scouting.org"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
class="f6 link dim gray dib mr3 mr4-ns">Scouting America</a>
|
class="f6 link dim gray dib mr3 mr4-ns">Scouting America</a>
|
||||||
|
|
|
||||||
|
|
@ -3,4 +3,11 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-mobile {
|
||||||
|
position: static;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
import {Component} from '@angular/core';
|
import {Component, inject} from '@angular/core';
|
||||||
|
import {MobileService} from '../mobile.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-footer',
|
selector: 'app-footer',
|
||||||
|
|
@ -8,5 +9,5 @@ import {Component} from '@angular/core';
|
||||||
styleUrl: './footer.component.scss'
|
styleUrl: './footer.component.scss'
|
||||||
})
|
})
|
||||||
export class FooterComponent {
|
export class FooterComponent {
|
||||||
|
public mobileService = inject(MobileService);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,48 +1,46 @@
|
||||||
<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Youth Application</h1>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Youth Application</h1>
|
<div class="pa3 bt bg-light-blue">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<a
|
||||||
<a
|
href="https://filestore.scouting.org/filestore/pdf/524-406.pdf?_gl=1*wtt3bs*_ga*MTM2MjI3NzIuMTY3NTI3NDg5MQ..*_ga_20G0JHESG4*MTY3OTUyNDgwMi4xMDAuMS4xNjc5NTI1MzM5LjU2LjAuMA..&_ga=2.6189623.583820647.1679520579-13622772.1675274891"
|
||||||
href="https://filestore.scouting.org/filestore/pdf/524-406.pdf?_gl=1*wtt3bs*_ga*MTM2MjI3NzIuMTY3NTI3NDg5MQ..*_ga_20G0JHESG4*MTY3OTUyNDgwMi4xMDAuMS4xNjc5NTI1MzM5LjU2LjAuMA..&_ga=2.6189623.583820647.1679520579-13622772.1675274891"
|
target="_blank">
|
||||||
target="_blank">
|
Download and fill out the form
|
||||||
Download and fill out the form
|
</a>
|
||||||
</a>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</article>
|
||||||
</article>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Adult Leader Application</h1>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Adult Leader Application</h1>
|
<div class="pa3 bt bg-light-blue">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<a href="https://filestore.scouting.org/filestore/pdf/524-501.pdf" target="_blank">
|
||||||
<a href="https://filestore.scouting.org/filestore/pdf/524-501.pdf" target="_blank">
|
Download and fill out the form
|
||||||
Download and fill out the form
|
</a>
|
||||||
</a>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</article>
|
||||||
</article>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Merit Badge Councilor Application</h1>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Merit Badge Councilor Application</h1>
|
<div class="pa3 bt bg-light-blue">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<a
|
||||||
<a
|
href="https://filestore.scouting.org/filestore/pdf/34405.pdf?_gl=1*1hlrsjt*_ga*MTM2MjI3NzIuMTY3NTI3NDg5MQ..*_ga_20G0JHESG4*MTY3OTUyNDgwMi4xMDAuMS4xNjc5NTI1NDE2LjYwLjAuMA..&_ga=2.61297192.583820647.1679520579-13622772.1675274891"
|
||||||
href="https://filestore.scouting.org/filestore/pdf/34405.pdf?_gl=1*1hlrsjt*_ga*MTM2MjI3NzIuMTY3NTI3NDg5MQ..*_ga_20G0JHESG4*MTY3OTUyNDgwMi4xMDAuMS4xNjc5NTI1NDE2LjYwLjAuMA..&_ga=2.61297192.583820647.1679520579-13622772.1675274891"
|
target="_blank">
|
||||||
target="_blank">
|
Download and fill out the form
|
||||||
Download and fill out the form
|
</a>
|
||||||
</a>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</article>
|
||||||
</article>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">BSA Medical Form</h1>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">BSA Medical Form</h1>
|
<div class="pa3 bt bg-light-blue">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<a href="https://filestore.scouting.org/filestore/healthsafety/pdf/680-001_abc.pdf" target="_blank">
|
||||||
<a href="https://filestore.scouting.org/filestore/healthsafety/pdf/680-001_abc.pdf" target="_blank">
|
Download and fill out the form
|
||||||
Download and fill out the form
|
</a>
|
||||||
</a>
|
<br/>
|
||||||
<br/>
|
Forms A, B, and C are required for Summer Camp
|
||||||
Forms A, B, and C are required for Summer Camp
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</article>
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {Component, inject} from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
import {MobileService} from '../mobile.service';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-forms',
|
selector: 'app-forms',
|
||||||
|
|
@ -8,5 +7,5 @@ import {MobileService} from '../mobile.service';
|
||||||
styleUrl: './forms.component.scss'
|
styleUrl: './forms.component.scss'
|
||||||
})
|
})
|
||||||
export class FormsComponent {
|
export class FormsComponent {
|
||||||
public mobileService = inject(MobileService);
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,31 +1,29 @@
|
||||||
<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
|
<div class="row row-center">
|
||||||
<div class="row row-center">
|
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
|
||||||
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
|
<div class="pv2 ph3">
|
||||||
<div class="pv2 ph3">
|
<h1 class="f6 ttu tracked">Summer Cheese Steak Fundraiser</h1>
|
||||||
<h1 class="f6 ttu tracked">Summer Cheese Steak Fundraiser</h1>
|
</div>
|
||||||
</div>
|
<a href="fundraiser/philly-flier.png">
|
||||||
<a href="fundraiser/philly-flier.png">
|
<img
|
||||||
<img
|
src="fundraiser/philly-flier.png"
|
||||||
src="fundraiser/philly-flier.png"
|
class="w-100 db" alt="Flowers">
|
||||||
class="w-100 db" alt="Flowers">
|
</a>
|
||||||
</a>
|
</article>
|
||||||
</article>
|
<article style="padding-bottom: 5px;" class="bg-light-blue center mw5 ba b--black-10 mv4">
|
||||||
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
|
<div class="pv2 ph3">
|
||||||
<div class="pv2 ph3">
|
<h1 class="f6 ttu tracked">Spring Flower Fundraiser</h1>
|
||||||
<h1 class="f6 ttu tracked">Spring Flower Fundraiser</h1>
|
</div>
|
||||||
</div>
|
<img src="https://www.iraisemore.com/cdn/shop/files/wp85_1024x1024@2x.jpg?v=1734105510" class="w-100 db"
|
||||||
<img src="https://www.iraisemore.com/cdn/shop/files/wp85_1024x1024@2x.jpg?v=1734105510" class="w-100 db"
|
alt="Flowers">
|
||||||
alt="Flowers">
|
<div class="pa3">
|
||||||
<div class="pa3">
|
<p>
|
||||||
<p>
|
Fundraiser benefits the Troop and individual Scouts. Fundraiser runs from February 27th until March 20th.
|
||||||
Fundraiser benefits the Troop and individual Scouts. Fundraiser runs from February 27th until March 20th.
|
Please enter the <b>Scout's name</b> and <b>Scouting America Troop 2020G</b> in the "Who are you Supporting"
|
||||||
Please enter the <b>Scout's name</b> and <b>Scouting America Troop 2020G</b> in the "Who are you Supporting"
|
fields in the checkout cart.
|
||||||
fields in the checkout cart.
|
</p>
|
||||||
</p>
|
<p>
|
||||||
<p>
|
<b>This fundraiser has concluded.</b>
|
||||||
<b>This fundraiser has concluded.</b>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</article>
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {Component, inject} from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
import {MobileService} from '../mobile.service';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-fundraising',
|
selector: 'app-fundraising',
|
||||||
|
|
@ -8,5 +7,5 @@ import {MobileService} from '../mobile.service';
|
||||||
styleUrl: './fundraising.component.scss'
|
styleUrl: './fundraising.component.scss'
|
||||||
})
|
})
|
||||||
export class FundraisingComponent {
|
export class FundraisingComponent {
|
||||||
public mobileService = inject(MobileService);
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,80 +1,12 @@
|
||||||
<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Weekend Camp Packing List</h1>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">General Troop Information</h1>
|
<div class="pa3 bt bg-light-blue">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<a
|
||||||
<a
|
href="https://docs.google.com/document/d/1al1knH02-Q8JXdgfq3pu9rHKHBGwfdjn8ATFFrvAfZk/edit?tab=t.0"
|
||||||
href="https://docs.google.com/document/d/1al1knH02-Q8JXdgfq3pu9rHKHBGwfdjn8ATFFrvAfZk/edit?tab=t.0"
|
target="_blank">
|
||||||
target="_blank">
|
View the List
|
||||||
General Weekend Packing List
|
</a>
|
||||||
</a>
|
</p>
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</article>
|
||||||
</article>
|
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Summer Camp 2025</h1>
|
|
||||||
<div class="pa3 bt bg-light-blue">
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="https://drive.google.com/file/d/1aRW5LI044sdhQ64d-dmaZycnDAzv90Nk/view"
|
|
||||||
target="_blank">
|
|
||||||
Summer Camp Adult Leader Guide
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/summer-camp-gear-drop-off.pdf"
|
|
||||||
target="_blank">
|
|
||||||
6/12/2025 - Summer Camp Gear Drop Off
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/summer-camp-2025.pdf"
|
|
||||||
target="_blank">
|
|
||||||
6/15/2025 - Summer Camp
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Upcoming Events</h1>
|
|
||||||
<div class="pa3 bt bg-light-blue">
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/upcoming-events.pdf"
|
|
||||||
target="_blank">
|
|
||||||
Upcoming Events May - August
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/july-board-of-review.pdf"
|
|
||||||
target="_blank">
|
|
||||||
7/10/2025 - Board of Review
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/cave-cavern-outing.pdf"
|
|
||||||
target="_blank">
|
|
||||||
7/26/2025 - Caving Event - Bring a friend
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/five-year-picnic.pdf"
|
|
||||||
target="_blank">
|
|
||||||
8/2/2025 - Court of Honor - 5 Year Celebration
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
|
||||||
<a
|
|
||||||
href="upcoming-events/fundamentals-of-fishing.pdf"
|
|
||||||
target="_blank">
|
|
||||||
8/30/2025 - Fundamentals of Fishing
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {Component, inject} from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
import {MobileService} from '../mobile.service';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-info',
|
selector: 'app-info',
|
||||||
|
|
@ -8,5 +7,5 @@ import {MobileService} from '../mobile.service';
|
||||||
styleUrl: './info.component.scss'
|
styleUrl: './info.component.scss'
|
||||||
})
|
})
|
||||||
export class InfoComponent {
|
export class InfoComponent {
|
||||||
public mobileService = inject(MobileService);
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import {Component} from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-merit-badge-library',
|
selector: 'app-merit-badge-library',
|
||||||
|
|
|
||||||
|
|
@ -8,11 +8,6 @@
|
||||||
<a class="link dim white dib mr3" [routerLink]="['fundraising']" title="Fundraising">Fundraising</a>
|
<a class="link dim white dib mr3" [routerLink]="['fundraising']" title="Fundraising">Fundraising</a>
|
||||||
<a class="link dim white dib mr3" [routerLink]="['forms']" title="Forms">Forms</a>
|
<a class="link dim white dib mr3" [routerLink]="['forms']" title="Forms">Forms</a>
|
||||||
<a class="link dim white dib mr3" [routerLink]="['info']" title="Info">Info</a>
|
<a class="link dim white dib mr3" [routerLink]="['info']" title="Info">Info</a>
|
||||||
<a class="link dim white dib mr3"
|
<a class="link dim white dib mr3" [routerLink]="['library']" title="Merit Badge Library">Library</a>
|
||||||
href="https://www.scouting.org/skills/merit-badges/all/"
|
|
||||||
target="_blank"
|
|
||||||
title="Merit Badge Library">
|
|
||||||
Merit Badges
|
|
||||||
</a>
|
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -1,85 +1,82 @@
|
||||||
@if (mobileService.isMobile()) {
|
@if (mobileService.isMobile()) {
|
||||||
<div class="mb5">
|
<ul class="list pl0 mt0 measure center">
|
||||||
<ul class="list pl0 mt0 measure center">
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/spl.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/spl.png" alt="Senior Patrol Leader"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Juliahna Seidler</span>
|
||||||
<span class="f6 db black-70">Juliahna Seidler</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/aspl.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/aspl.png" alt="Assistant Senior Patrol Leader"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Kenzie Witherow</span>
|
||||||
<span class="f6 db black-70">Kenzie Witherow</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/aspl.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/oeg.png" alt="Outdoor Ethics Guide"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Carlie Sorrell</span>
|
||||||
<span class="f6 db black-70">Carlie Sorrell</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/qm.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/qm.png" alt="Quartermaster"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Ella Mercer</span>
|
||||||
<span class="f6 db black-70">Ella Mercer</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/scribe.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/scribe.png" alt="Scribe"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Nora Wilson</span>
|
||||||
<span class="f6 db black-70">Nora Wilson</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png" alt="Patrol Leader"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Avery Elliot</span>
|
||||||
<span class="f6 db black-70">Avery Elliot</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png" alt="Patrol Leader"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
||||||
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/historian.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/historian.png" alt="Historian"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Natalie Sorrell</span>
|
||||||
<span class="f6 db black-70">Natalie Sorrell</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/librarian.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/librarian.png" alt="Librarian"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Kenzie Elliot</span>
|
||||||
<span class="f6 db black-70">Kenzie Elliot</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
<li
|
||||||
<li
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/dc.png"/>
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/dc.png" alt="Den Chief"/>
|
<div class="pl3 flex-auto">
|
||||||
<div class="pl3 flex-auto">
|
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
||||||
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
} @else {
|
} @else {
|
||||||
<div class="cf">
|
<div class="cf">
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/spl.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Senior Patrol Leader"
|
<img src="titles/spl.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Senior Patrol Leader">
|
||||||
alt="Senior Patrol Leader">
|
|
||||||
<h1 class="f3 mb2">Juliahna Seidler</h1>
|
<h1 class="f3 mb2">Juliahna Seidler</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -88,7 +85,7 @@
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/aspl.png" class="br-100 h4 w4 dib ba b--black-05 pa2"
|
<img src="titles/aspl.png" class="br-100 h4 w4 dib ba b--black-05 pa2"
|
||||||
title="Assistant Senior Patrol Leader" alt="Assistant Senior Patrol Leader">
|
title="Assistant Senior Patrol Leader">
|
||||||
<h1 class="f3 mb2">Kenzie Witherow</h1>
|
<h1 class="f3 mb2">Kenzie Witherow</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -96,8 +93,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/oeg.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Outdoor Ethics Guide"
|
<img src="titles/oeg.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Outdoor Ethics Guide">
|
||||||
alt="Outdoor Ethics Guide">
|
|
||||||
<h1 class="f3 mb2">Carlie Sorrell</h1>
|
<h1 class="f3 mb2">Carlie Sorrell</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -105,8 +101,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/qm.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Quarter Master"
|
<img src="titles/qm.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Quarter Master">
|
||||||
alt="Quartermaster">
|
|
||||||
<h1 class="f3 mb2">Ella Mercer</h1>
|
<h1 class="f3 mb2">Ella Mercer</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -114,7 +109,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/scribe.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Scribe" alt="Scribe">
|
<img src="titles/scribe.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Scribe">
|
||||||
<h1 class="f3 mb2">Nora Wilson</h1>
|
<h1 class="f3 mb2">Nora Wilson</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -124,8 +119,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/pl.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Patrol Leader"
|
<img src="titles/pl.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Patrol Leader">
|
||||||
alt="Patrol Leader">
|
|
||||||
<h1 class="f3 mb2">Avery Elliot</h1>
|
<h1 class="f3 mb2">Avery Elliot</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -133,8 +127,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/pl.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Patrol Leader"
|
<img src="titles/pl.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Patrol Leader">
|
||||||
alt="Patrol Leader">
|
|
||||||
<h1 class="f3 mb2">Locklyn Linebaugh</h1>
|
<h1 class="f3 mb2">Locklyn Linebaugh</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -142,7 +135,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/historian.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Historian" alt="Historian">
|
<img src="titles/historian.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Historian">
|
||||||
<h1 class="f3 mb2">Natalie Sorrell</h1>
|
<h1 class="f3 mb2">Natalie Sorrell</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -150,7 +143,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/librarian.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Librarian" alt="Librarian">
|
<img src="titles/librarian.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Librarian">
|
||||||
<h1 class="f3 mb2">Kenzie Elliot</h1>
|
<h1 class="f3 mb2">Kenzie Elliot</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -158,7 +151,7 @@
|
||||||
<div class="fl w-20 tc pv1 bg-transparent">
|
<div class="fl w-20 tc pv1 bg-transparent">
|
||||||
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
<article class="mw5 center bg-light-blue br3 pa3 pa4-ns mv3 ba b--black-10">
|
||||||
<div class="tc">
|
<div class="tc">
|
||||||
<img src="titles/dc.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Den Chief" alt="Den Chief">
|
<img src="titles/dc.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Den Chief">
|
||||||
<h1 class="f3 mb2">Locklyn Linebaugh</h1>
|
<h1 class="f3 mb2">Locklyn Linebaugh</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,6 @@
|
||||||
body, html {
|
body, html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: scroll;
|
|
||||||
background-image: url('https://images.unsplash.com/photo-1505490096310-204ef067fe6b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
|
background-image: url('https://images.unsplash.com/photo-1505490096310-204ef067fe6b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
|
||||||
background-color: black;
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
@ -15,11 +14,4 @@ body, html {
|
||||||
&-center {
|
&-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
min-height: 70%;
|
|
||||||
min-height: -webkit-calc(100% - 186px);
|
|
||||||
min-height: -moz-calc(100% - 186px);
|
|
||||||
min-height: calc(100% - 186px);
|
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user