Add Camp Page
dan
parent
1b56cfb3dc
commit
5e6c6e2230
File diff suppressed because it is too large
Load Diff
|
|
@ -10,6 +10,7 @@ import { LocationComponent } from './components/location/location.component';
|
|||
import { EventsPageComponent } from './components/events-page/events-page.component';
|
||||
import { ContactPageComponent } from './components/contact-page/contact-page.component';
|
||||
import { SalvationPageComponent } from './components/salvation-page/salvation-page.component';
|
||||
import { CampPageComponent } from './components/camp-page/camp-page.component';
|
||||
|
||||
const routes =
|
||||
[
|
||||
|
|
@ -56,6 +57,10 @@ const routes =
|
|||
{
|
||||
path: 'salvation',
|
||||
component: SalvationPageComponent
|
||||
},
|
||||
{
|
||||
path: 'camp',
|
||||
component: CampPageComponent
|
||||
}
|
||||
]
|
||||
|
||||
|
|
|
|||
|
|
@ -59,6 +59,7 @@ import { OfbDatePipe } from './pipes/ofb-date.pipe';
|
|||
|
||||
// Routing
|
||||
import { AppRoutingModule } from './app-routing.module';
|
||||
import { CampPageComponent } from './components/camp-page/camp-page.component';
|
||||
|
||||
|
||||
|
||||
|
|
@ -98,7 +99,8 @@ import { AppRoutingModule } from './app-routing.module';
|
|||
OfbDatePipe,
|
||||
SalvationPageComponent,
|
||||
MediaPageComponent,
|
||||
VideoPopupComponent
|
||||
VideoPopupComponent,
|
||||
CampPageComponent
|
||||
],
|
||||
imports: [
|
||||
BrowserModule,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,39 @@
|
|||
.section-header{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid gray;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.verse{
|
||||
font-style: italic;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.text-underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
a:visited{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.width100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<secondary-page-component [hideSideBarOnMobile]="true">
|
||||
<div mainContent>
|
||||
<p ofbFadeInOnScroll class="section-header">The Next Level Bible Youth Camp</p>
|
||||
<div ofbFadeInOnScroll class="section-paragraph">
|
||||
This years theme for Bible youth camp is <strong>The Next Level!</strong>
|
||||
<div class="verse">
|
||||
“And Caleb stilled the people before Moses, and said, Let us go up at once, and possess it; for we are well able to overcome it.”
|
||||
<a href="https://www.kingjamesbibleonline.org/Numbers-13-30/">Numbers 13:30</a>
|
||||
</div>
|
||||
<br>
|
||||
<p><strong>Dates:</strong> July 8 - 12, 2019</p>
|
||||
<p><strong>Ages:</strong> 10 - 17</p>
|
||||
<p><strong>Cost:</strong> $40 per camper</p>
|
||||
<br>
|
||||
For more information contact us at
|
||||
<strong><a href="tel:+1-406-491-5548" class="align-top">406-491-5548</a></strong>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<p ofbFadeInOnScroll class="section-header">Registration</p>
|
||||
<div ofbFadeInOnScroll class="section-paragraph">
|
||||
The cost per camper is $40 and must be submitted with a completed registration form.
|
||||
<br>
|
||||
<strong><a href="">Click here to download the registration form</a></strong>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<p ofbFadeInOnScroll class="section-header">Camp Rules</p>
|
||||
<div ofbFadeInOnScroll class="section-paragraph">
|
||||
<ol>
|
||||
<li>I will bring a good attitude to camp</li>
|
||||
<li>I will help to keep a clean camp</li>
|
||||
<li>I will be careful what I say in any language</li>
|
||||
<li>I will not destroy property</li>
|
||||
<li>I will consider the safety of people</li>
|
||||
<li>I will honor all camp staff at all times by my obedience</li>
|
||||
<li>I will not bother the other campers' property</li>
|
||||
<li>I will stay in the camp boundaries set up by the camp staff</li>
|
||||
<li>I will not use or possess any forms of alcoholic beverages, drugs or tabacco</li>
|
||||
<li>I will not use curse words</li>
|
||||
</ol>
|
||||
<br>
|
||||
All campers will be expected to participate in camp activities. Any camper who causes discipline
|
||||
problems will be taken to Butte, either to their home or to wait for the arrival of a parent
|
||||
or guardian. No refunds of camp fees.
|
||||
</div>
|
||||
<br><br>
|
||||
<p ofbFadeInOnScroll class="section-header">What to Bring</p>
|
||||
<div ofbFadeInOnScroll class="section-paragraph">
|
||||
<table class="width100">
|
||||
<tr>
|
||||
<td><input type="checkbox"/> KJV Bible</td>
|
||||
<td><input type="checkbox"/> Hiking Shoes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"/> Sleeping Bag & Pillow</td>
|
||||
<td><input type="checkbox"/> Soap, Towel, & Wash Cloth</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"/> Clothes for 1 week</td>
|
||||
<td><input type="checkbox"/> Toothbrush & Tooth Paste</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"/> Flashlight</td>
|
||||
<td><input type="checkbox"/> Sunscreen & Bug Repellent</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"/> Jacket/Hat</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<p ofbFadeInOnScroll class="section-header">What NOT to Bring</p>
|
||||
<div ofbFadeInOnScroll class="section-paragraph">
|
||||
<table class="width100">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Music of Game Devices</td>
|
||||
<td>Knives or Weapons</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Radios</td>
|
||||
<td>DVD Players</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cell Phones</td>
|
||||
<td>Playing Cards</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Money</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-underline"><strong>Men/Boys</strong></td>
|
||||
<td class="text-underline"><strong>Women/Girls</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Shorts/Cut-Offs</td>
|
||||
<td>Shorts/Cut-Offs</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>T-shirts with printing</td>
|
||||
<td>T-shirts with printing</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tank Tops</td>
|
||||
<td>Tank Tops</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Necklaces/Earrings</td>
|
||||
<td>Low-cut/See thru tops</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
If found these items will be confiscated until after camp!
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div sideBar class="side-bar">
|
||||
<img src="assets/images/home-images/tiny/church.jpg" class="width100" /><br>
|
||||
</div>
|
||||
</secondary-page-component>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { CampPageComponent } from './camp-page.component';
|
||||
|
||||
describe('CampPageComponent', () => {
|
||||
let component: CampPageComponent;
|
||||
let fixture: ComponentFixture<CampPageComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ CampPageComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(CampPageComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-camp-page',
|
||||
templateUrl: './camp-page.component.html',
|
||||
styleUrls: ['./camp-page.component.css']
|
||||
})
|
||||
export class CampPageComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
<div id="filler">
|
||||
<div id="call-to-action-container" *ngIf="showCallToAction">
|
||||
<button id="action-button" (click)="actionClick()" mat-raised-button color="accent"><i ofbicon class="mr-10">play_arrow</i>2019 Sledding Highlights</button>
|
||||
<button id="action-button" routerLink="/camp" mat-raised-button color="accent"><i ofbicon class="mr-10">play_arrow</i>2019 Youth Camp</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,18 @@ export class HomeComponent {
|
|||
}
|
||||
return true;
|
||||
}
|
||||
public showCallToAction: boolean = false;
|
||||
public get showCallToAction(): boolean {
|
||||
let maxDate = new Date(2019,6,8); // September 6th 2018 -- Set the month one month behind since JavaScript dates are 0 based
|
||||
let now = new Date();
|
||||
if (now.getFullYear() > maxDate.getFullYear()) return false;
|
||||
if (now.getFullYear() == maxDate.getFullYear()) {
|
||||
if (now.getMonth() > maxDate.getMonth()) return false;
|
||||
if (now.getMonth() == maxDate.getMonth()) {
|
||||
if (now.getDate() > maxDate.getDate()) return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
constructor(private dialog: MatDialog)
|
||||
{
|
||||
|
|
|
|||
Loading…
Reference in New Issue