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/animations/crossfade.js

@@ -0,0 +1,21 @@
+import { crossfade } from 'svelte/transition'
+import { quartOut } from 'svelte/easing'
+
+// Crossfade transition
+export const [send, receive] = crossfade({
+    duration: d => Math.sqrt(d * 200),
+
+    fallback(node, params) {
+        const style = getComputedStyle(node)
+        const transform = style.transform === 'none' ? '' : style.transform
+
+        return {
+            duration: 600,
+            easing: quartOut,
+            css: t => `
+					transform: ${transform} scale(${t});
+					opacity: ${t}
+				`
+        }
+    }
+})