show globe on landing (#377)

Author: birkskyum

package-lock.json

@@ -19,7 +19,7 @@
     "@igor.dvlpr/astro-post-excerpt": "^3.0.4",
     "astro": "^5.1.0",
     "bootstrap": "^5.3.3",
-    "maplibre-gl": "^4.7.1",
+    "maplibre-gl": "^5.0.0",
     "sass": "1.76.0",
     "solid-js": "^1.9.3"
   },

package.json

@@ -7,7 +7,7 @@ export const LandingPageMap = (props: any) => {
   onMount(() => {
     map = new Map({
       container: "home-map",
-      style: "https://demotiles.maplibre.org/style.json",
+      style: "https://demotiles.maplibre.org/globe.json",
       center: [0, 0],
       zoom: 1,
       attributionControl: false,
@@ -20,7 +20,7 @@ export const LandingPageMap = (props: any) => {
         lng: -0.08411085041984734,
         lat: 7.115464377381386,
         Zoom: 1.3295073440521066,
-        Duration: 0,
+        Duration: 3000,
         Pause: 0,
         Rotation: 0,
         Pitch: 0,
@@ -29,7 +29,7 @@ export const LandingPageMap = (props: any) => {
         lng: 15.44385629163537,
         lat: 41.56277698075792,
         Zoom: 3.4916772106200415,
-        Duration: 5000,
+        Duration: 3000,
         Pause: 3000,
         Rotation: 0,
         Pitch: 0,
@@ -38,17 +38,17 @@ export const LandingPageMap = (props: any) => {
         lng: 5.388541216098361,
         lat: 45.57339756361293,
         Zoom: 2.15010124013107,
-        Duration: 10000,
-        Pause: 8000,
+        Duration: 3000,
+        Pause: 6000,
         Rotation: 0,
         Pitch: 0,
       },
       {
         lng: -0.08411085041984734,
         lat: 7.115464377381386,
         Zoom: 1.3295073440521066,
-        Duration: 10000,
-        Pause: 8000,
+        Duration: 3000,
+        Pause: 9000,
         Rotation: 0,
         Pitch: 0,
       },