Compare commits
5 Commits
2025.04.08
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
79d866f484 | ||
|
|
16cc3a52a0 | ||
|
|
77e3dda1c5 | ||
|
|
9e4fd09918 | ||
|
|
fa79cc5481 |
Binary file not shown.
|
Before Width: | Height: | Size: 788 KiB |
BIN
source/public/upcoming-events/cave-cavern-outing.pdf
Normal file
BIN
source/public/upcoming-events/cave-cavern-outing.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/end-of-summer-bash.pdf
Normal file
BIN
source/public/upcoming-events/end-of-summer-bash.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/five-year-picnic.pdf
Normal file
BIN
source/public/upcoming-events/five-year-picnic.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/fundamentals-of-fishing.pdf
Normal file
BIN
source/public/upcoming-events/fundamentals-of-fishing.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/july-board-of-review.pdf
Normal file
BIN
source/public/upcoming-events/july-board-of-review.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/summer-camp-2025.pdf
Normal file
BIN
source/public/upcoming-events/summer-camp-2025.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/summer-camp-gear-drop-off.pdf
Normal file
BIN
source/public/upcoming-events/summer-camp-gear-drop-off.pdf
Normal file
Binary file not shown.
BIN
source/public/upcoming-events/upcoming-events.pdf
Normal file
BIN
source/public/upcoming-events/upcoming-events.pdf
Normal file
Binary file not shown.
|
|
@ -1,6 +1,6 @@
|
||||||
<div [class]="{'footer': !mobileService.isMobile(), 'footer-mobile': mobileService.isMobile()}">
|
<div class="footer">
|
||||||
<footer class="pv4 ph3 ph5-ns tc bg-black">
|
<footer class="pv2 ph2 ph1-ns tc bg-black">
|
||||||
<a class="link dim gray dib h2 w2 br-100 mr3"
|
<a class="link dim gray dib h1 w1 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 h2 w2 br-100 mr3"
|
<a class="link dim gray dib h1 w1 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="mt4">
|
<div class="mt2">
|
||||||
<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,11 +3,4 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
|
||||||
|
|
||||||
.footer-mobile {
|
|
||||||
position: static;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import {Component, inject} from '@angular/core';
|
import {Component} from '@angular/core';
|
||||||
import {MobileService} from '../mobile.service';
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-footer',
|
selector: 'app-footer',
|
||||||
|
|
@ -9,5 +8,5 @@ import {MobileService} from '../mobile.service';
|
||||||
styleUrl: './footer.component.scss'
|
styleUrl: './footer.component.scss'
|
||||||
})
|
})
|
||||||
export class FooterComponent {
|
export class FooterComponent {
|
||||||
public mobileService = inject(MobileService);
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,46 +1,48 @@
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Youth Application</h1>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Youth Application</h1>
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<div class="pa3 bt bg-light-blue">
|
||||||
<a
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
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"
|
<a
|
||||||
target="_blank">
|
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"
|
||||||
Download and fill out the form
|
target="_blank">
|
||||||
</a>
|
Download and fill out the form
|
||||||
</p>
|
</a>
|
||||||
</div>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
</article>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Adult Leader Application</h1>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Adult Leader Application</h1>
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<div class="pa3 bt bg-light-blue">
|
||||||
<a href="https://filestore.scouting.org/filestore/pdf/524-501.pdf" target="_blank">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
Download and fill out the form
|
<a href="https://filestore.scouting.org/filestore/pdf/524-501.pdf" target="_blank">
|
||||||
</a>
|
Download and fill out the form
|
||||||
</p>
|
</a>
|
||||||
</div>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
</article>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Merit Badge Councilor Application</h1>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Merit Badge Councilor Application</h1>
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<div class="pa3 bt bg-light-blue">
|
||||||
<a
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
href="https://filestore.scouting.org/filestore/pdf/34405.pdf?_gl=1*1hlrsjt*_ga*MTM2MjI3NzIuMTY3NTI3NDg5MQ..*_ga_20G0JHESG4*MTY3OTUyNDgwMi4xMDAuMS4xNjc5NTI1NDE2LjYwLjAuMA..&_ga=2.61297192.583820647.1679520579-13622772.1675274891"
|
<a
|
||||||
target="_blank">
|
href="https://filestore.scouting.org/filestore/pdf/34405.pdf?_gl=1*1hlrsjt*_ga*MTM2MjI3NzIuMTY3NTI3NDg5MQ..*_ga_20G0JHESG4*MTY3OTUyNDgwMi4xMDAuMS4xNjc5NTI1NDE2LjYwLjAuMA..&_ga=2.61297192.583820647.1679520579-13622772.1675274891"
|
||||||
Download and fill out the form
|
target="_blank">
|
||||||
</a>
|
Download and fill out the form
|
||||||
</p>
|
</a>
|
||||||
</div>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
</article>
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">BSA Medical Form</h1>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">BSA Medical Form</h1>
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<div class="pa3 bt bg-light-blue">
|
||||||
<a href="https://filestore.scouting.org/filestore/healthsafety/pdf/680-001_abc.pdf" target="_blank">
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
Download and fill out the form
|
<a href="https://filestore.scouting.org/filestore/healthsafety/pdf/680-001_abc.pdf" target="_blank">
|
||||||
</a>
|
Download and fill out the form
|
||||||
<br/>
|
</a>
|
||||||
Forms A, B, and C are required for Summer Camp
|
<br/>
|
||||||
</p>
|
Forms A, B, and C are required for Summer Camp
|
||||||
</div>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
import { Component } from '@angular/core';
|
import {Component, inject} from '@angular/core';
|
||||||
|
import {MobileService} from '../mobile.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-forms',
|
selector: 'app-forms',
|
||||||
|
|
@ -7,5 +8,5 @@ import { Component } from '@angular/core';
|
||||||
styleUrl: './forms.component.scss'
|
styleUrl: './forms.component.scss'
|
||||||
})
|
})
|
||||||
export class FormsComponent {
|
export class FormsComponent {
|
||||||
|
public mobileService = inject(MobileService);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,29 +1,31 @@
|
||||||
<div class="row row-center">
|
<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
|
||||||
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
|
<div class="row row-center">
|
||||||
<div class="pv2 ph3">
|
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
|
||||||
<h1 class="f6 ttu tracked">Summer Cheese Steak Fundraiser</h1>
|
<div class="pv2 ph3">
|
||||||
</div>
|
<h1 class="f6 ttu tracked">Summer Cheese Steak Fundraiser</h1>
|
||||||
<a href="fundraiser/philly-flier.png">
|
</div>
|
||||||
<img
|
<a href="fundraiser/philly-flier.png">
|
||||||
src="fundraiser/philly-flier.png"
|
<img
|
||||||
class="w-100 db" alt="Flowers">
|
src="fundraiser/philly-flier.png"
|
||||||
</a>
|
class="w-100 db" alt="Flowers">
|
||||||
</article>
|
</a>
|
||||||
<article style="padding-bottom: 5px;" class="bg-light-blue center mw5 ba b--black-10 mv4">
|
</article>
|
||||||
<div class="pv2 ph3">
|
<article class="bg-light-blue center mw5 ba b--black-10 mv4">
|
||||||
<h1 class="f6 ttu tracked">Spring Flower Fundraiser</h1>
|
<div class="pv2 ph3">
|
||||||
</div>
|
<h1 class="f6 ttu tracked">Spring Flower Fundraiser</h1>
|
||||||
<img src="https://www.iraisemore.com/cdn/shop/files/wp85_1024x1024@2x.jpg?v=1734105510" class="w-100 db"
|
</div>
|
||||||
alt="Flowers">
|
<img src="https://www.iraisemore.com/cdn/shop/files/wp85_1024x1024@2x.jpg?v=1734105510" class="w-100 db"
|
||||||
<div class="pa3">
|
alt="Flowers">
|
||||||
<p>
|
<div class="pa3">
|
||||||
Fundraiser benefits the Troop and individual Scouts. Fundraiser runs from February 27th until March 20th.
|
<p>
|
||||||
Please enter the <b>Scout's name</b> and <b>Scouting America Troop 2020G</b> in the "Who are you Supporting"
|
Fundraiser benefits the Troop and individual Scouts. Fundraiser runs from February 27th until March 20th.
|
||||||
fields in the checkout cart.
|
Please enter the <b>Scout's name</b> and <b>Scouting America Troop 2020G</b> in the "Who are you Supporting"
|
||||||
</p>
|
fields in the checkout cart.
|
||||||
<p>
|
</p>
|
||||||
<b>This fundraiser has concluded.</b>
|
<p>
|
||||||
</p>
|
<b>This fundraiser has concluded.</b>
|
||||||
</div>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
import { Component } from '@angular/core';
|
import {Component, inject} from '@angular/core';
|
||||||
|
import {MobileService} from '../mobile.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-fundraising',
|
selector: 'app-fundraising',
|
||||||
|
|
@ -7,5 +8,5 @@ import { Component } from '@angular/core';
|
||||||
styleUrl: './fundraising.component.scss'
|
styleUrl: './fundraising.component.scss'
|
||||||
})
|
})
|
||||||
export class FundraisingComponent {
|
export class FundraisingComponent {
|
||||||
|
public mobileService = inject(MobileService);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,80 @@
|
||||||
<article class="center mw5 mw6-ns hidden ba mv4">
|
<div [class]="{'': !mobileService.isMobile(), 'mb5': mobileService.isMobile()}">
|
||||||
<h1 class="f4 bg-near-black white mv0 pv2 ph3">Weekend Camp Packing List</h1>
|
<article class="center mw5 mw6-ns hidden ba mv4">
|
||||||
<div class="pa3 bt bg-light-blue">
|
<h1 class="f4 bg-near-black white mv0 pv2 ph3">General Troop Information</h1>
|
||||||
<p class="f6 f5-ns lh-copy measure mv0">
|
<div class="pa3 bt bg-light-blue">
|
||||||
<a
|
<p class="f6 f5-ns lh-copy measure mv0">
|
||||||
href="https://docs.google.com/document/d/1al1knH02-Q8JXdgfq3pu9rHKHBGwfdjn8ATFFrvAfZk/edit?tab=t.0"
|
<a
|
||||||
target="_blank">
|
href="https://docs.google.com/document/d/1al1knH02-Q8JXdgfq3pu9rHKHBGwfdjn8ATFFrvAfZk/edit?tab=t.0"
|
||||||
View the List
|
target="_blank">
|
||||||
</a>
|
General Weekend Packing List
|
||||||
</p>
|
</a>
|
||||||
</div>
|
</p>
|
||||||
</article>
|
</div>
|
||||||
|
</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,4 +1,5 @@
|
||||||
import { Component } from '@angular/core';
|
import {Component, inject} from '@angular/core';
|
||||||
|
import {MobileService} from '../mobile.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-info',
|
selector: 'app-info',
|
||||||
|
|
@ -7,5 +8,5 @@ import { Component } from '@angular/core';
|
||||||
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,6 +8,11 @@
|
||||||
<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" [routerLink]="['library']" title="Merit Badge Library">Library</a>
|
<a class="link dim white dib mr3"
|
||||||
|
href="https://www.scouting.org/skills/merit-badges/all/"
|
||||||
|
target="_blank"
|
||||||
|
title="Merit Badge Library">
|
||||||
|
Merit Badges
|
||||||
|
</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -1,82 +1,85 @@
|
||||||
@if (mobileService.isMobile()) {
|
@if (mobileService.isMobile()) {
|
||||||
<ul class="list pl0 mt0 measure center">
|
<div class="mb5">
|
||||||
<li
|
<ul class="list pl0 mt0 measure center">
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/spl.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/spl.png" alt="Senior Patrol Leader"/>
|
||||||
<span class="f6 db black-70">Juliahna Seidler</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Juliahna Seidler</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/aspl.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/aspl.png" alt="Assistant Senior Patrol Leader"/>
|
||||||
<span class="f6 db black-70">Kenzie Witherow</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Kenzie Witherow</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/aspl.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/oeg.png" alt="Outdoor Ethics Guide"/>
|
||||||
<span class="f6 db black-70">Carlie Sorrell</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Carlie Sorrell</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/qm.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/qm.png" alt="Quartermaster"/>
|
||||||
<span class="f6 db black-70">Ella Mercer</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Ella Mercer</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/scribe.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/scribe.png" alt="Scribe"/>
|
||||||
<span class="f6 db black-70">Nora Wilson</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Nora Wilson</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png" alt="Patrol Leader"/>
|
||||||
<span class="f6 db black-70">Avery Elliot</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Avery Elliot</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/pl.png" alt="Patrol Leader"/>
|
||||||
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/historian.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/historian.png" alt="Historian"/>
|
||||||
<span class="f6 db black-70">Natalie Sorrell</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Natalie Sorrell</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/librarian.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/librarian.png" alt="Librarian"/>
|
||||||
<span class="f6 db black-70">Kenzie Elliot</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Kenzie Elliot</span>
|
||||||
</li>
|
</div>
|
||||||
<li
|
</li>
|
||||||
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
<li
|
||||||
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/dc.png"/>
|
class="flex items-center lh-copy pa3 ph0-l bb b--black-10 bg-light-blue">
|
||||||
<div class="pl3 flex-auto">
|
<img class="w2 h2 w3-ns h3-ns br-100" src="titles/dc.png" alt="Den Chief"/>
|
||||||
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
<div class="pl3 flex-auto">
|
||||||
</div>
|
<span class="f6 db black-70">Locklyn Linebaugh</span>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</li>
|
||||||
|
</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>
|
||||||
|
|
@ -85,7 +88,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">
|
title="Assistant Senior Patrol Leader" alt="Assistant Senior Patrol Leader">
|
||||||
<h1 class="f3 mb2">Kenzie Witherow</h1>
|
<h1 class="f3 mb2">Kenzie Witherow</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -93,7 +96,8 @@
|
||||||
<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>
|
||||||
|
|
@ -101,7 +105,8 @@
|
||||||
<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>
|
||||||
|
|
@ -109,7 +114,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">
|
<img src="titles/scribe.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Scribe" alt="Scribe">
|
||||||
<h1 class="f3 mb2">Nora Wilson</h1>
|
<h1 class="f3 mb2">Nora Wilson</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -119,7 +124,8 @@
|
||||||
<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>
|
||||||
|
|
@ -127,7 +133,8 @@
|
||||||
<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>
|
||||||
|
|
@ -135,7 +142,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">
|
<img src="titles/historian.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Historian" alt="Historian">
|
||||||
<h1 class="f3 mb2">Natalie Sorrell</h1>
|
<h1 class="f3 mb2">Natalie Sorrell</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -143,7 +150,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">
|
<img src="titles/librarian.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Librarian" alt="Librarian">
|
||||||
<h1 class="f3 mb2">Kenzie Elliot</h1>
|
<h1 class="f3 mb2">Kenzie Elliot</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -151,7 +158,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">
|
<img src="titles/dc.png" class="br-100 h4 w4 dib ba b--black-05 pa2" title="Den Chief" alt="Den Chief">
|
||||||
<h1 class="f3 mb2">Locklyn Linebaugh</h1>
|
<h1 class="f3 mb2">Locklyn Linebaugh</h1>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
@ -14,4 +15,11 @@ 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