TEMP disable globe

src/routes/index.svelte

@@ -38,10 +38,10 @@
     import Button from 'atoms/Button'
     import IconGlobeSmall from 'atoms/IconGlobeSmall'
     import IconGlobe from 'atoms/IconGlobe'
-    import InteractiveGlobe from 'molecules/InteractiveGlobe'
+    // import InteractiveGlobe from 'molecules/InteractiveGlobe'
-    import Carousel from 'organisms/Carousel'
+    // import Carousel from 'organisms/Carousel'
-    import Fullscreen from 'organisms/Fullscreen'
+    // import Fullscreen from 'organisms/Fullscreen'
-    import Locations from 'organisms/Locations'
+    // import Locations from 'organisms/Locations'
     import Footer from 'organisms/Footer'
     import SocialMetas from 'utils/SocialMetas'
     import Transition from 'utils/Transition'
@@ -51,10 +51,10 @@
     // Props and Variables
     export let photos = ''
     const { page } = stores()
-    // let Carousel
+    let Carousel
-    // let Fullscreen
+    let Fullscreen
-    // let InteractiveGlobe
+    let InteractiveGlobe
-    // let Locations
+    let Locations
 
     // Reset current location if existing
     currentLocation.set()
@@ -66,10 +66,10 @@
     */
     onMount(async () => {
         // Load components
-        // await import('organisms/Carousel').then(module => Carousel = module.default)
+        await import('organisms/Carousel').then(module => Carousel = module.default)
-        // await import('organisms/Fullscreen').then(module => Fullscreen = module.default)
+        await import('organisms/Fullscreen').then(module => Fullscreen = module.default)
-        // await import('molecules/InteractiveGlobe').then(module => InteractiveGlobe = module.default)
+        await import('molecules/InteractiveGlobe').then(module => InteractiveGlobe = module.default)
-        // await import('organisms/Locations').then(module => Locations = module.default)
+        await import('organisms/Locations').then(module => Locations = module.default)
 
         // Page is loaded
         pageReady.set(true)
@@ -108,10 +108,10 @@
         </div>
 
         <div id="intro-carousel">
-            <Carousel {photos} locationUrl={true} />
+            <!-- <Carousel {photos} locationUrl={true} /> -->
-            <!-- <svelte:component this={Carousel} {photos} locationUrl={true} /> -->
+            <svelte:component this={Carousel} {photos} locationUrl={true} />
-            <Fullscreen />
+            <!-- <Fullscreen /> -->
-            <!-- <svelte:component this={Fullscreen} /> -->
+            <svelte:component this={Fullscreen} />
         </div>
     </section>
 
@@ -126,7 +126,7 @@
             <p>{$site.explore_globe}</p>
         </div>
 
-        <InteractiveGlobe />
+        <!-- <InteractiveGlobe /> -->
         <!-- <svelte:component this={InteractiveGlobe} /> -->
 
         <div class="anim-mask anim-title">
@@ -135,8 +135,8 @@
             </h1>
         </div>
 
-        <Locations />
+        <!-- <Locations /> -->
-        <!-- <svelte:component this={Locations} /> -->
+        <svelte:component this={Locations} />
     </section>
 
     <Footer />