WIP Animations all over site

- Run a transition In for each page
- Involve a "loader" panel on page change
- TODO: tweak the animations and finish the concept

src/routes/choose.svelte

@@ -3,12 +3,11 @@
     import {
         site,
         currentLocation,
-        currentPhotos
+        currentPhotos,
+        pageReady,
+        pageTransition
     } from '../utils/store'
 
-    // Depencencies
-    import AOS from 'aos'
-
     // Components
     import IconArrow from '../atoms/IconArrow'
     import TitleSite from '../atoms/TitleSite'
@@ -17,6 +16,11 @@
     import Footer from '../organisms/Footer'
     import SocialMetas from '../utils/SocialMetas'
 
+    // Animations
+    import { animateIn } from '../animations/page'
+    pageTransition.onAnimationEnd = animateIn
+
+
     // Reset current location if existing
     $: {
         if ($currentLocation) currentLocation.set()
@@ -25,13 +29,11 @@
 
 
     /*
-    ** Run code on browser only
+    ** Run code when mounted
     */
     onMount(() => {
-        // Scroll apparitions
-        if (process.browser) {
-            AOS.init()
-        }
+        // Page is loaded
+        pageReady.set(true)
     })
 </script>
 
@@ -57,7 +59,7 @@
             <TitleSite />
         </div>
 
-        <div class="page__description style-description">
+        <div class="page__description page__part style-description">
             <p>{$site.explore_globe}</p>
         </div>
     </div>