Globe edits WIP

- Added visible continents to options

src/routes/_layout.svelte

@@ -23,6 +23,7 @@
                     data {
                         id
                         name
+                        coordinates
                     }
                 }
                 countries {
@@ -42,6 +43,7 @@
                         region
                         country { id }
                         description
+                        close
                         coordinates
                         illu_desktop { full_url }
                         illu_desktop_2x { full_url }

src/routes/choose.svelte

@@ -8,6 +8,8 @@
         pageReady,
         pageAnimation
     } from 'utils/store'
+    // Dependencies
+    import Lazy from 'svelte-lazy'
     // Components
     import IconArrow from 'atoms/IconArrow'
     import TitleSite from 'atoms/TitleSite'
@@ -65,7 +67,11 @@
             </div>
         </div>
 
-        <InteractiveGlobe />
+        {#if process.browser}
+        <Lazy offset={window.innerHeight}>
+            <InteractiveGlobe />
+        </Lazy>
+        {/if}
 
         <Locations />
     </section>

src/routes/credits.svelte

@@ -1,7 +1,9 @@
 <script>
     import { onMount } from 'svelte'
     import { stores } from '@sapper/app'
-    import { site, pageReady } from 'utils/store'
+    import { site, pageReady, pageAnimation } from 'utils/store'
+    // Dependencies
+    import Lazy from 'svelte-lazy'
     // Components
     import IconArrow from 'atoms/IconArrow'
     import TitleSite from 'atoms/TitleSite'
@@ -76,7 +78,11 @@
             {/if}
         </div>
 
-        <InteractiveGlobe type="part" />
+        {#if process.browser}
+        <Lazy offset={window.innerHeight}>
+            <InteractiveGlobe type="part" />
+        </Lazy>
+        {/if}
 
         <Footer />
     </section>