Reopening Guidelines

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

@@ -8,7 +8,7 @@ export class Countdown {
     public seconds: number = 0;
     public services: VideoService[] = [];
     public showButton: boolean;
-    public showCounter: boolean = true;
+    public showCounter: boolean = false;
 
     public dateDisplay: string;
     public dateDisplaySmall: string;

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

@@ -27,6 +27,10 @@ img.full {
     height: auto;
 }
 
+.color-white {
+    color: white;
+}
+
 #call-to-action-container {
     text-align: center;
     position: absolute;

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

@@ -2,7 +2,7 @@
 <img id="background-image" src="assets/images/home-images/tiny/sunset_b.jpg" alt="background image" width="100%">
 
 <div id="filler">
-    <div id="live-stream-container" *ngIf="countdown && countdown.showCounter">
+    <div id="live-stream-container" *ngIf="showCountdown && countdown && countdown.showCounter">
         <div id="title">
             <span class="live">VIDEO</span> 
             <span *ngIf="!countdown.showButton"> SERVICE STARTS IN</span>
@@ -32,7 +32,7 @@
         </div>
     </div>
     <div id="call-to-action-container" *ngIf="showCallToAction">
-        <button id="action-button" routerLink="/camp" mat-raised-button color="accent"><i ofbicon class="mr-10">info_outline</i>2019 Youth Camp</button>
+        <a id="action-button" href="/assets/Reopening Church Guidelines.pdf" target="_blank" mat-raised-button color="accent"><i ofbicon class="mr-10 color-white">info_outline</i><span class="color-white">Reopening Guidelines</span></a>
     </div>       
 </div>
 
@@ -48,21 +48,16 @@
     <div class="row" *ngIf="showSpecial" >            
         <div class="row-content">            
             <div class="row-content-col-right align-top center">
-                <p ofbFadeInOnScroll class="row-content-header">COVID-19</p>
+                <p ofbFadeInOnScroll class="row-content-header">Reopening!</p>
                 <p ofbFadeInOnScroll> 
-                    Due to the COVID-19 outbreak our church building will be closed until May 1st. Video 
+                    The Lord has answered our prayers and our church building will be reopening April 26th! 
-                    and audio services will be posted online during this time. 
+                    It is important that we take extreme precautionary measures to ensure that we keep
+                    our congregation safe. Please review and abide by the guidelines below.                    
                 </p>
                 <br>
                 <p ofbFadeInOnScroll class="action">
-                    <i ofbicon>live_tv</i> <a routerLink="/video" class="align-top">Click here to watch online</a>
+                    <i ofbicon>info</i> <a href="/assets/Reopening Church Guidelines.pdf" target="_blank" class="align-top">Click here for guidelines</a>
-                </p>
+                </p>                
-                <p ofbFadeInOnScroll class="action">
-                    <i ofbicon>headset</i> <a routerLink="/sermons" class="align-top">Click here to listen online</a>
-                </p>
-                <p ofbFadeInOnScroll class="action">
-                    <i ofbicon>insert_photo</i> <a routerLink="/covid2" class="align-top">Click here for coronavirus encouragement</a>
-                </p>
             </div>  
             <div class="row-content-col-left"> 
                 <a routerLink="/covid2" >
@@ -75,13 +70,17 @@
     <div class="row tint" *ngIf="showSpecial" >            
         <div class="row-content">            
             <div class="row-content-col-left align-top center">
-                <p ofbFadeInOnScroll class="row-content-header">Days of Uncertainty</p>
+                <p ofbFadeInOnScroll class="row-content-header">Watch Online</p>
                 <p ofbFadeInOnScroll> 
-                    Days of uncertainty are looming over us. There is fear of loss - of life, jobs and income. Restricted gatherings. Food & medical equipment shortages. The future is concerning. Fear produces a negative atmosphere, tormenting us, agitating our minds. Fear is crippling to those caught in its grip.
+                    If you are unable to attend, please follow the links below to view
+                    or listen to services online.
                 </p>
                 <br>
-                <p ofbFadeInOnScroll class="action"> 
+                <p ofbFadeInOnScroll class="action">
-                    <i ofbicon>insert_photo</i> <a routerLink="/covid2" class="align-top">There is Hope! There is an Answer! Click Here!</a>
+                    <i ofbicon>live_tv</i> <a routerLink="/video" class="align-top">Click here to watch online</a>
+                </p>
+                <p ofbFadeInOnScroll class="action">
+                    <i ofbicon>headset</i> <a routerLink="/sermons" class="align-top">Click here to listen online</a>
                 </p>
             </div>  
             <div class="row-content-col-right"> 

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

@@ -28,7 +28,7 @@ export class HomeComponent {
     return true;
   }
   public get showCallToAction(): boolean {
-    let maxDate = new Date(2019,6,8); // July 8th 2018 -- Set the month one month behind since JavaScript dates are 0 based
+    let maxDate = new Date(2020,11,31); // July 8th 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()) {
@@ -53,6 +53,7 @@ export class HomeComponent {
   }
 
   public countdown: Countdown;
+  public showCountdown: boolean = false;
 
   constructor(private dialog: MatDialog, private http: HttpClient)
   {