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/credits.svelte

@@ -1,9 +1,6 @@
 <script>
     import { onMount } from 'svelte'
-    import { site } from '../utils/store'
-
-    // Dependencies
-    import AOS from 'aos'
+    import { site, pageReady } from '../utils/store'
 
     // Components
     import IconArrow from '../atoms/IconArrow'
@@ -13,18 +10,17 @@
     import Footer from '../organisms/Footer'
     import SocialMetas from '../utils/SocialMetas'
 
-    // Categories
-    $: credits = $site.credits_list
+    // Animations
+    import { animateIn } from '../animations/page'
+    pageTransition.onAnimationEnd = animateIn
 
 
     /*
-    ** Run code on browser only
+    ** Run code when mounted
     */
     onMount(() => {
-        // Scroll apparitions
-        if (process.browser) {
-            AOS.init()
-        }
+        // Page is loaded
+        pageReady.set(true)
     })
 </script>
 
@@ -41,7 +37,7 @@
 
 <section class="page">
     <div class="wrap">
-        <div class="page__top">
+        <div class="page__top page__part">
             <a href="/" class="button-control button-control--pink dir-left">
                 <IconArrow direction="left" color="#fff" class="icon" />
                 <IconArrow direction="left" color="#fff" class="icon" hidden="true" />
@@ -50,12 +46,12 @@
             <TitleSite />
         </div>
 
-        <div class="page__description style-description">
+        <div class="page__description page__part style-description">
             <p>{$site.credits_text}</p>
         </div>
 
-        <div class="page__list">
-            {#each credits as category}
+        <div class="page__list page__part">
+            {#each $site.credits_list as category}
             <div class="page__category">
                 <h2 class="title-category">{category.name}</h2>
                 {#each category.credits as person}