From 8af426ce81a6e63220a41ad7e1f959b9a5bfcd9c Mon Sep 17 00:00:00 2001
From: Richard Janssen <richard.janssen.93@gmail.com>
Date: Sun, 28 Jan 2024 21:06:15 +0100
Subject: [PATCH 1/2] Change banner text, map fullscreen, explore map backup
 link

---
 .../pages/hike/banner/hike-banner.component.html   | 13 ++++++++++---
 src/app/pages/hike/banner/hike-banner.component.ts | 14 ++++++++++++--
 .../location-point/location-point.component.html   |  7 ++++++-
 .../location-point/map/location-map.component.ts   |  1 +
 4 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/hike/banner/hike-banner.component.html b/src/app/pages/hike/banner/hike-banner.component.html
index 124da18..e490a75 100644
--- a/src/app/pages/hike/banner/hike-banner.component.html
+++ b/src/app/pages/hike/banner/hike-banner.component.html
@@ -1,10 +1,17 @@
 <div class="banner">
     <div class="banner_text-box">
         <h6 class="banner_text-box-line">
-            Over niet al te lange tijd ga ik de Pacific Crest Trail hiken! Dit is een langeafstandspad in het westen van de Verenigde
-            Staten, dat loopt van de grens met Mexico over 4,273 kilometer helemaal tot aan de grens met Canada.
+            {{
+                hasStartedHike
+                    ? 'Momenteel ben ik de Pacific Crest Trail aan het hiken!'
+                    : 'Over niet al te lange tijd ga ik de Pacific Crest Trail hiken!'
+            }}
+            Dit is een langeafstandspad in het westen van de Verenigde Staten, dat loopt van de grens met Mexico over 4,273 kilometer
+            helemaal tot aan de grens met Canada.
         </h6>
         <br />
-        <h6 class="banner_text-box-line">Hieronder ben ik te volgen tijdens dit fantastische avontuur!</h6>
+        <h6 class="banner_text-box-line">
+            Hieronder ben ik {{ hasStartedHike ? '' : 'binnekort' }} te volgen tijdens dit fantastische avontuur!
+        </h6>
     </div>
 </div>
diff --git a/src/app/pages/hike/banner/hike-banner.component.ts b/src/app/pages/hike/banner/hike-banner.component.ts
index cc4da51..5a60fbc 100644
--- a/src/app/pages/hike/banner/hike-banner.component.ts
+++ b/src/app/pages/hike/banner/hike-banner.component.ts
@@ -1,9 +1,19 @@
+import { NgIf } from '@angular/common';
 import { Component } from '@angular/core';
 
 @Component({
     selector: 'hike-banner',
     templateUrl: './hike-banner.component.html',
     styleUrls: ['./hike-banner.component.scss'],
-    standalone: true
+    standalone: true,
+    imports: [NgIf]
 })
-export class HikeBannerComponent {}
+export class HikeBannerComponent {
+    hasStartedHike: boolean;
+    constructor() {
+        const startDate = new Date(2024, 3, 15); // 15 April 2024
+        if (Date.now() > startDate.valueOf()) {
+            this.hasStartedHike = true;
+        }
+    }
+}
diff --git a/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/location-point.component.html b/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/location-point.component.html
index b773566..c3974ba 100644
--- a/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/location-point.component.html
+++ b/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/location-point.component.html
@@ -3,7 +3,12 @@
         <ng-container *ngIf="locationResult | data as data">
             <location-map *ngIf="data.mapboxEnabled; else noMap" [token]="data.token" [lat]="data.lat" [lon]="data.lon"></location-map>
             <ng-template #noMap>
-                <p><i>De kaart is momenteel niet beschikbaar.</i></p>
+                <p>
+                    <i>
+                        De kaart is momenteel niet beschikbaar. In plaats daarvan ben ik te volgen via
+                        <a href="https://share.garmin.com/riesj" target="_blank">deze kaart</a>.
+                    </i>
+                </p>
             </ng-template>
         </ng-container>
     </ng-container>
diff --git a/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/map/location-map.component.ts b/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/map/location-map.component.ts
index e19b9c6..0f65ae4 100644
--- a/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/map/location-map.component.ts
+++ b/src/app/pages/hike/highlights-chain/point-highlight/point-highlight-details/location-point/map/location-map.component.ts
@@ -31,6 +31,7 @@ export class LocationMapComponent implements OnInit {
 
         map.addControl(new mapboxgl.ScaleControl());
         map.addControl(new mapboxgl.NavigationControl());
+        map.addControl(new mapboxgl.FullscreenControl());
 
         map.on('style.load', () => {
             map.addSource('current-location-data', {

From c7df539585741eef834f8e8225bef742634094bf Mon Sep 17 00:00:00 2001
From: Richard Janssen <richard.janssen.93@gmail.com>
Date: Sun, 28 Jan 2024 21:08:50 +0100
Subject: [PATCH 2/2] Fix typo

---
 src/app/pages/hike/banner/hike-banner.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/pages/hike/banner/hike-banner.component.html b/src/app/pages/hike/banner/hike-banner.component.html
index e490a75..d2d3136 100644
--- a/src/app/pages/hike/banner/hike-banner.component.html
+++ b/src/app/pages/hike/banner/hike-banner.component.html
@@ -11,7 +11,7 @@ <h6 class="banner_text-box-line">
         </h6>
         <br />
         <h6 class="banner_text-box-line">
-            Hieronder ben ik {{ hasStartedHike ? '' : 'binnekort' }} te volgen tijdens dit fantastische avontuur!
+            Hieronder ben ik {{ hasStartedHike ? '' : 'binnenkort' }} te volgen tijdens dit fantastische avontuur!
         </h6>
     </div>
 </div>