diff --git a/Client/src/app/components/home/home.component.css b/Client/src/app/components/home/home.component.css index 42a180b..f8a626d 100644 --- a/Client/src/app/components/home/home.component.css +++ b/Client/src/app/components/home/home.component.css @@ -7,6 +7,14 @@ a{ color: inherit; } +a { + text-decoration: underline; +} + +a:hover { + cursor: pointer; +} + a:visited{ color: inherit; } diff --git a/Client/src/app/components/home/home.component.html b/Client/src/app/components/home/home.component.html index 3f703fe..f855f23 100644 --- a/Client/src/app/components/home/home.component.html +++ b/Client/src/app/components/home/home.component.html @@ -45,7 +45,41 @@ -
+
+
+
+ +
+
+

Victory Gospel Crusade

+
+

+ When +

+

+ August 4 - 9 @ 7PM +
+ August 11 - 15 @ 7 PM +

+
+

+ Where +

+

+ Behind Pizza Ranch +
+ 1839 Longfellow St, Butte, Mt +

+ directions View Map +

+

+ play_arrow Click Here To Watch The Trailer +

+
+
+
+ +
diff --git a/Client/src/app/components/home/home.component.ts b/Client/src/app/components/home/home.component.ts index c82e009..2e8acdc 100644 --- a/Client/src/app/components/home/home.component.ts +++ b/Client/src/app/components/home/home.component.ts @@ -5,6 +5,7 @@ import { environment } from '../../../environments/environment'; import { Countdown } from './countdown'; import { HttpClient } from '@angular/common/http'; import { VideoServices } from './video-services'; +import { YoutubePopupComponent } from '../popups/youtube-popup/youtube-popup.component'; @Component({ selector: 'home-component', @@ -15,7 +16,7 @@ export class HomeComponent { backgroundTop: string = "0px"; public get showSpecial() : boolean { - let maxDate = new Date(2022,8,18,11); // September 18th 2018 -- Set the month one month behind since JavaScript dates are 0 based + let maxDate = new Date(2024,7,15,11); // September 18th 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()) { @@ -64,6 +65,16 @@ export class HomeComponent { }); } + playVictoryGospelCrusade() { + const url = 'https://drive.google.com/file/d/1gPdCTLkJEtNWEyn_y8FQ78PaDi40MU7N/preview' + + let opts = new MatDialogConfig; + opts.data = { title: 'Victory Gospel Crusade', embedUrl: url }; + let dialog = this.dialog.open(YoutubePopupComponent, opts); + } + + + @HostListener('window:scroll', ['$event']) onScroll(event){ let scrollTop = event.target.documentElement.scrollTop || event.target.body.scrollTop || window.pageYOffset; diff --git a/Client/src/assets/images/original/VictoryGospelCrusade.png b/Client/src/assets/images/original/VictoryGospelCrusade.png new file mode 100644 index 0000000..fa4e12a Binary files /dev/null and b/Client/src/assets/images/original/VictoryGospelCrusade.png differ