Add a credit page and make style reusable

src/routes/credits.svelte

@@ -0,0 +1,71 @@
+<script>
+    import { onMount } from 'svelte'
+    import { site } from '../store'
+
+    // Dependencies
+    import AOS from 'aos'
+
+    // Components
+    import IconArrow from '../atoms/IconArrow'
+    import TitleSite from '../atoms/TitleSite'
+    import Footer from '../molecules/Footer'
+
+    // Categories
+    $: credits = $site.credits_list
+
+
+    /*
+    ** Run code on browser only
+    */
+    onMount(() => {
+        // Scroll apparitions
+        if (process.browser) {
+            AOS.init()
+        }
+    })
+</script>
+
+<svelte:head>
+	<title>Houses Of - Credits</title>
+</svelte:head>
+
+<section class="page">
+    <div class="wrap">
+        <div class="page__top">
+            <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" />
+            </a>
+
+            <TitleSite />
+        </div>
+
+        <div class="page__description style-description">
+            <p>A little page to thank all the nice people who helped building with this humble project</p>
+        </div>
+
+        <div class="page__list">
+            {#each credits as category}
+            <div class="page__list--category">
+                <h2 class="title-category">{category.name}</h2>
+                {#each category.credits as person}
+                <dl>
+                    <dt class="style-location">
+                        {#if person.url}
+                        <a href={person.url} target="_blank" rel="noopener">
+                            {person.name}
+                        </a>
+                        {:else}
+                        {person.name}
+                        {/if}
+                    </dt>
+                    <dd class="style-caps style-caps style-caps--transparent">{person.role}</dd>
+                </dl>
+                {/each}
+            </div>
+            {/each}
+        </div>
+    </div>
+
+    <Footer />
+</section>