From 121c325f99162d1e08ca7fa3586401c8b9a31958 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 10 Oct 2021 14:06:27 +0200
Subject: [PATCH] Fix SiteTitle style on Footer

---
 src/components/atoms/SiteTitle.svelte  | 19 ++++++++++++++-----
 src/components/organisms/Footer.svelte |  4 +++-
 src/style/atoms/_site-title.scss       |  3 ++-
 src/style/organisms/_footer.scss       | 12 ++++++------
 4 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/components/atoms/SiteTitle.svelte b/src/components/atoms/SiteTitle.svelte
index bb61d9e..3da3f30 100644
--- a/src/components/atoms/SiteTitle.svelte
+++ b/src/components/atoms/SiteTitle.svelte
@@ -1,9 +1,18 @@
 <script lang="ts">
     export let variant: string = 'lines'
+    export let type: string = 'title'
 </script>
 
-<h1 class="site-title {variant ? `site-title--${variant}` : ''}">
-    <strong>Houses</strong>
-    <span>Of The</span>
-    <strong>World</strong>
-</h1>
\ No newline at end of file
+{#if type === 'title'}
+    <h1 class="site-title {variant ? `site-title--${variant}` : ''}">
+        <strong>Houses</strong>
+        <span>Of The</span>
+        <strong>World</strong>
+    </h1>
+{:else}
+    <div class="site-title {variant ? `site-title--${variant}` : ''}">
+        <strong>Houses</strong>
+        <span>Of The</span>
+        <strong>World</strong>
+    </div>
+{/if}
\ No newline at end of file
diff --git a/src/components/organisms/Footer.svelte b/src/components/organisms/Footer.svelte
index 1600fd0..6acee8b 100644
--- a/src/components/organisms/Footer.svelte
+++ b/src/components/organisms/Footer.svelte
@@ -9,7 +9,9 @@
 
 <footer class="footer">
     <div class="container grid">
-        <SiteTitle />
+        <a href="/" class="footer__title" sveltekit:prefetch>
+            <SiteTitle />
+        </a>
 
         <nav class="footer__links">
             <ul>
diff --git a/src/style/atoms/_site-title.scss b/src/style/atoms/_site-title.scss
index bb30fed..73291ee 100644
--- a/src/style/atoms/_site-title.scss
+++ b/src/style/atoms/_site-title.scss
@@ -32,7 +32,8 @@
             }
             &:last-child {
                 display: inline-block;
-                margin-left: -6px;
+                margin-left: -7px;
+                color: $color-secondary;
             }
         }
         span {
diff --git a/src/style/organisms/_footer.scss b/src/style/organisms/_footer.scss
index c473311..f721ef0 100644
--- a/src/style/organisms/_footer.scss
+++ b/src/style/organisms/_footer.scss
@@ -14,22 +14,22 @@
         height: 100%;
     }
 
-    .site-title {
+    // Site title
+    &__title {
         grid-column: span var(--columns);
         grid-row: 1;
+        display: block;
         margin-bottom: 40px;
+        text-decoration: none;
 
         @include bp (sm) {
             grid-column: 2 / span 5;
             grid-row: 1;
-            margin: 0;
-        }
-
-        strong:nth-of-type(2) {
-            color: $color-secondary;
+            margin: -3px 0 0;
         }
     }
 
+    // Links
     &__links {
         grid-column: span var(--columns);
         grid-row: 2;