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/atoms/TitleSite.svelte

@@ -1,17 +1,33 @@
 <script>
+    import { onMount } from 'svelte'
     import { lettersToSpan } from '../utils/functions'
+
+    // Animations
+    import { animateIn } from '../animations/TitleSite.js'
+
+
+    /*
+    ** Run code on component mount
+    */
+    onMount(() => {
+        // Entering transition
+        animateIn()
+    })
 </script>
 
 <div class="title-location title-location--inline">
-    <div role="heading" aria-level="1" aria-label="Houses" data-aos="letters-translate-bottom">
+    <div role="heading" aria-level="1" aria-label="Houses">
         <div class="anim-mask">
             {@html lettersToSpan('Houses')}
         </div>
     </div>
 
-    <em>of the</em>
+    <em>
+        <span>of</span>
+        <span>the</span>
+    </em>
 
-    <div aria-label="World" data-aos="letters-translate-bottom">
+    <div aria-label="World">
         <div class="anim-mask">
             {@html lettersToSpan('World')}
         </div>