Finish Camp Page

Client/src/app/components/camp-page/camp-page.component.css

@@ -36,4 +36,14 @@ a:visited{
 
 .width100 {
     width: 100%;
+}
+
+.width75 {
+    width: 75%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.image-container {
+    text-align: center;
 }

Client/src/app/components/camp-page/camp-page.component.html

@@ -13,7 +13,11 @@
           <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>
+          <strong><a href="tel:+1-406-491-5548" class="align-top">406-491-5548</a></strong> 
+          <br><br>
+          <div ofbFadeInOnScroll class="image-container">
+            <img class="image width75" src="assets/images/tiny/campphotos.jpg" alt="Church Image" />
+        </div> 
       </div>
     
       <br><br>
@@ -21,7 +25,7 @@
       <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>
+        <strong><a href="/assets/images/tiny/campregistration.pdf" target="_blank">Click here to download the registration form</a></strong>
       </div>
       
       <br><br>
@@ -116,11 +120,11 @@
             </tbody>
           </table>
           <br>
-          If found these items will be confiscated until after camp!
+          <strong>If found these items will be confiscated until after camp!</strong>
       </div>
                    
   </div>
   <div sideBar class="side-bar">
-    <img src="assets/images/home-images/tiny/church.jpg" class="width100" /> <br>
+    <img src="assets/images/tiny/campcover.jpg" class="width100" /> <br>
   </div>
 </secondary-page-component>

Client/src/app/components/home/home.component.html

@@ -3,7 +3,7 @@
 
 <div id="filler">
     <div id="call-to-action-container" *ngIf="showCallToAction">
-        <button id="action-button" routerLink="/camp" mat-raised-button color="accent"><i ofbicon class="mr-10">play_arrow</i>2019 Youth Camp</button>
+        <button id="action-button" routerLink="/camp" mat-raised-button color="accent"><i ofbicon class="mr-10">info_outline</i>2019 Youth Camp</button>
     </div>    
 </div>
 

Client/src/app/components/home/home.component.ts

@@ -23,7 +23,6 @@ export class HomeComponent {
     return true;
   }
   public get showCallToAction(): boolean {
-    return false;
     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;