[WIP] ✨ Started new Globe from scratch using OGL

src/routes/__error.svelte

@@ -10,7 +10,7 @@
     import PageTransition from '$components/PageTransition.svelte'
     import BoxCTA from '$components/atoms/BoxCTA.svelte'
     import Heading from '$components/molecules/Heading.svelte'
-    import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
+    import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
     import ListCTAs from '$components/organisms/ListCTAs.svelte'
     import Locations from '$components/organisms/Locations.svelte'
     import ShopModule from '$components/organisms/ShopModule.svelte'
@@ -70,7 +70,7 @@
         </ListCTAs>
     </div>
 
-    <InteractiveGlobe />
+    <InteractiveGlobe2 />
     <Locations {locations} />
 
     <div class="grid-modules">

src/routes/credits.svelte

@@ -9,7 +9,7 @@
     import Metas from '$components/Metas.svelte'
     import PageTransition from '$components/PageTransition.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
-    import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
+    import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
     import Image from '$components/atoms/Image.svelte'
 
     export let data: any
@@ -139,5 +139,5 @@
         </div>
     </section>
 
-    <InteractiveGlobe type="cropped" />
+    <InteractiveGlobe2 type="cropped" />
 </PageTransition>

src/routes/index.svelte

@@ -18,7 +18,7 @@
     import ScrollingTitle from '$components/atoms/ScrollingTitle.svelte'
     import BoxCTA from '$components/atoms/BoxCTA.svelte'
     import DiscoverText from '$components/atoms/DiscoverText.svelte'
-    import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
+    import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
     import Collage from '$components/organisms/Collage.svelte'
     import Locations from '$components/organisms/Locations.svelte'
     import ListCTAs from '$components/organisms/ListCTAs.svelte'
@@ -138,7 +138,7 @@
     </div>
 
     <section class="homepage__locations">
-        <InteractiveGlobe />
+        <InteractiveGlobe2 />
 
         <ScrollingTitle tag="p" class="title-world mask">
             <SplitText text="World" mode="chars" />

src/routes/locations.svelte

@@ -7,7 +7,7 @@
     // Components
     import Metas from '$components/Metas.svelte'
     import PageTransition from '$components/PageTransition.svelte'
-    import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
+    import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
     import Locations from '$components/organisms/Locations.svelte'
     import ShopModule from '$components/organisms/ShopModule.svelte'
     import NewsletterModule from '$components/organisms/NewsletterModule.svelte'
@@ -28,7 +28,7 @@
     />
 
     <section class="explore__locations">
-        <InteractiveGlobe />
+        <InteractiveGlobe2 />
         <Locations {locations} />
     </section>
 

src/routes/subscribe.svelte

@@ -12,7 +12,7 @@
     import Image from '$components/atoms/Image.svelte'
     import Heading from '$components/molecules/Heading.svelte'
     import EmailForm from '$components/molecules/EmailForm.svelte'
-    import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
+    import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
 
     export let data: any
     export let issues: any[]
@@ -96,5 +96,5 @@
         </ul>
     </section>
 
-    <InteractiveGlobe type="cropped" />
+    <InteractiveGlobe2 type="cropped" />
 </PageTransition>