diff --git a/Client/src/app/app-routing.module.ts b/Client/src/app/app-routing.module.ts
index 99bf268..4472627 100644
--- a/Client/src/app/app-routing.module.ts
+++ b/Client/src/app/app-routing.module.ts
@@ -18,6 +18,7 @@ import { ContributorYearlyReportComponent } from './components/contributor-yearl
import { ContributorAllReportsComponent } from './components/contributor-all-reports/contributor-all-reports.component';
import { LiveStreamComponent } from './components/live-stream/live-stream.component';
import { VideoServicesComponent } from './components/video-services/video-services.component';
+import { ImageComponent } from './components/image/image.component';
const routes =
[
@@ -77,6 +78,10 @@ const routes =
path: 'user',
component: MembersPageComponent
},
+ {
+ path: 'covid',
+ component: ImageComponent
+ },
{
path: 'camp',
component: CampPageComponent
diff --git a/Client/src/app/app.module.ts b/Client/src/app/app.module.ts
index fd0f058..c4493dd 100644
--- a/Client/src/app/app.module.ts
+++ b/Client/src/app/app.module.ts
@@ -78,6 +78,7 @@ import { ContributorYearlyReportComponent } from './components/contributor-yearl
import { ContributorAllReportsComponent } from './components/contributor-all-reports/contributor-all-reports.component';
import { LiveStreamComponent } from './components/live-stream/live-stream.component';
import { VideoServicesComponent } from './components/video-services/video-services.component';
+import { ImageComponent } from './components/image/image.component';
@@ -127,7 +128,8 @@ import { VideoServicesComponent } from './components/video-services/video-servic
MissionaryFormPageComponent,
ContributorYearlyReportComponent,
ContributorAllReportsComponent,
- LiveStreamComponent
+ LiveStreamComponent,
+ ImageComponent
],
imports: [
BrowserModule,
diff --git a/Client/src/app/components/home/home.component.css b/Client/src/app/components/home/home.component.css
index fc197a6..e69743b 100644
--- a/Client/src/app/components/home/home.component.css
+++ b/Client/src/app/components/home/home.component.css
@@ -17,6 +17,11 @@ img{
height: auto;
}
+img.w-100pct {
+ width: 100%;
+ height: auto;
+}
+
img.full {
width: 100%;
height: auto;
@@ -161,6 +166,10 @@ img.full {
margin-right: 10px;
}
+.w-100 {
+ width: 100%;
+}
+
.w-200 {
width: 200px;
}
@@ -322,5 +331,13 @@ img.m-100-lg {
img.m-100-lg {
margin-left: 0;
}
-
+ img.w-100pct {
+ width: 65%;
+ }
+}
+
+@media(max-width: 600px) {
+ img.w-100pct {
+ width: 95%;
+ }
}
\ No newline at end of file
diff --git a/Client/src/app/components/home/home.component.html b/Client/src/app/components/home/home.component.html
index 950944b..31984e2 100644
--- a/Client/src/app/components/home/home.component.html
+++ b/Client/src/app/components/home/home.component.html
@@ -46,10 +46,7 @@
-
-
-

-
+
+
+
+
+
+
diff --git a/Client/src/app/components/image/image.component.css b/Client/src/app/components/image/image.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/Client/src/app/components/image/image.component.html b/Client/src/app/components/image/image.component.html
new file mode 100644
index 0000000..5dc8c88
--- /dev/null
+++ b/Client/src/app/components/image/image.component.html
@@ -0,0 +1,8 @@
+
+
+

+
+
+
+
+
\ No newline at end of file
diff --git a/Client/src/app/components/image/image.component.ts b/Client/src/app/components/image/image.component.ts
new file mode 100644
index 0000000..79ab59e
--- /dev/null
+++ b/Client/src/app/components/image/image.component.ts
@@ -0,0 +1,21 @@
+import { BibleVerseService } from './../../services/bible-verse.service';
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'image-component',
+ templateUrl: './image.component.html',
+ styleUrls: ['./image.component.css']
+})
+export class ImageComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ // this.bibleVerseService.randomVerse().subscribe(
+ // verse => {
+
+ // },
+ // error => console.log(error) );
+ }
+
+}
diff --git a/Client/src/assets/images/home-images/tiny/covid_header.jpg b/Client/src/assets/images/home-images/tiny/covid_header.jpg
new file mode 100644
index 0000000..ca742f9
Binary files /dev/null and b/Client/src/assets/images/home-images/tiny/covid_header.jpg differ
diff --git a/Client/src/assets/images/tiny/covid_header.jpg b/Client/src/assets/images/tiny/covid_header.jpg
new file mode 100644
index 0000000..1fc0ea3
Binary files /dev/null and b/Client/src/assets/images/tiny/covid_header.jpg differ
diff --git a/Client/src/assets/images/tiny/covid_tract.jpg b/Client/src/assets/images/tiny/covid_tract.jpg
new file mode 100644
index 0000000..a55d4d8
Binary files /dev/null and b/Client/src/assets/images/tiny/covid_tract.jpg differ
diff --git a/Client/src/assets/json/videoServices.json b/Client/src/assets/json/videoServices.json
index 0c1c70a..ae0af5d 100644
--- a/Client/src/assets/json/videoServices.json
+++ b/Client/src/assets/json/videoServices.json
@@ -2,10 +2,18 @@
"videos": [
{
"isReady": false,
+ "title": "Sunday Morning",
+ "src": "https://ofbbutte.com/static/media/video/2020-03-29 1100 Pastor Derek Loewen.mp4",
+ "date": "2020-03-29T11:00:00-06:00",
+ "archived": false,
+ "message": "Please Stay Tuned Until 3/29/2020 at 11:00 AM MDT"
+ },
+ {
+ "isReady": true,
"title": "Wednesday Evening",
"src": "https://ofbbutte.com/static/media/video/2020-03-25 1900 Pastor Derek Loewen.mp4",
"date": "2020-03-25T19:00:00-06:00",
- "archived": false,
+ "archived": true,
"message": "Please Stay Tuned Until 3/25/2020 at 7:00 PM MDT"
},
{
@@ -13,7 +21,7 @@
"title": "Sunday Evening",
"src": "https://ofbbutte.com/static/media/video/2020-03-22 1900 Pastor Derek Loewen.mp4",
"date": "2020-03-22T19:00:00-06:00",
- "archived": false,
+ "archived": true,
"message": "Please Stay Tuned Until 3/22/2020 at 7:00 PM MDT"
},
{