Add a credit page and make style reusable

src/atoms/TitleSite.svelte

@@ -0,0 +1,19 @@
+<script>
+    import * as fn from '../functions'
+</script>
+
+<div class="title-location title-location--inline">
+    <div role="heading" aria-level="1" aria-label="Houses" data-aos="letters-translate-bottom">
+        <div class="anim-mask">
+            {@html fn.lettersToSpan('Houses')}
+        </div>
+    </div>
+
+    <em>of the</em>
+
+    <div aria-label="World" data-aos="letters-translate-bottom">
+        <div class="anim-mask">
+            {@html fn.lettersToSpan('World')}
+        </div>
+    </div>
+</div>