From 21862fd629483f577922bd54b956b7f7fc122d31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 27 Sep 2021 13:17:31 +0200
Subject: [PATCH] Add Footer component

---
 src/components/organisms/Footer.svelte | 41 ++++++++++++++++++++++++++
 src/routes/__layout.svelte             | 11 +++++--
 static/images/logo-ctf.svg             |  4 ++-
 3 files changed, 52 insertions(+), 4 deletions(-)
 create mode 100644 src/components/organisms/Footer.svelte

diff --git a/src/components/organisms/Footer.svelte b/src/components/organisms/Footer.svelte
new file mode 100644
index 0000000..1caea9d
--- /dev/null
+++ b/src/components/organisms/Footer.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+    import { getContext } from 'svelte'
+    // Components
+    import SiteTitle from '$components/atoms/SiteTitle.svelte'
+
+    const { settings: { instagram, footer_links }}: any = getContext('global')
+</script>
+
+
+<footer class="footer">
+    <div class="container">
+        <SiteTitle />
+
+        <nav class="footer__links">
+            <ul>
+                {#each footer_links as { title, slug }}
+                    <li>
+                        <a href={slug} sveltekit:prefetch>
+                            {title}
+                        </a>
+                    </li>
+                {/each}
+                <li class="instagram">
+                    <a href="https://www.instagram.com/{instagram}" target="_blank" rel="noopener noreferrer external">
+                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M10 1.8c2.67 0 2.99.01 4.04.06.98.04 1.5.2 1.86.34a3.27 3.27 0 0 1 1.9 1.9c.13.35.3.88.34 1.86.05 1.05.06 1.37.06 4.04s-.01 2.99-.06 4.04c-.04.98-.2 1.5-.34 1.86-.19.46-.4.8-.75 1.15a3.1 3.1 0 0 1-1.15.75c-.35.13-.88.3-1.86.34-1.05.05-1.37.06-4.04.06s-2.99-.01-4.04-.06c-.98-.04-1.5-.2-1.86-.34a3.1 3.1 0 0 1-1.15-.75 3.1 3.1 0 0 1-.75-1.15 5.6 5.6 0 0 1-.34-1.86A69.42 69.42 0 0 1 1.8 10c0-2.67.01-2.99.06-4.04.04-.98.2-1.5.34-1.86.19-.46.4-.8.75-1.15A3.1 3.1 0 0 1 4.1 2.2c.35-.13.88-.3 1.86-.34C7 1.81 7.33 1.8 10 1.8ZM10 0C7.28 0 6.94.01 5.88.06 4.8.11 4.08.28 3.45.52a4.9 4.9 0 0 0-1.77 1.16A4.9 4.9 0 0 0 .52 3.45a7.34 7.34 0 0 0-.46 2.43C.01 6.94 0 7.28 0 10s.01 3.06.06 4.12c.05 1.07.22 1.8.46 2.43.26.66.6 1.22 1.16 1.77.55.56 1.11.9 1.77 1.16a7.6 7.6 0 0 0 2.43.46c1.06.05 1.4.06 4.12.06s3.06-.01 4.12-.06a7.34 7.34 0 0 0 2.43-.46 4.9 4.9 0 0 0 1.77-1.16 4.9 4.9 0 0 0 1.16-1.77 7.6 7.6 0 0 0 .46-2.43c.05-1.06.06-1.4.06-4.12s-.01-3.06-.06-4.12a7.34 7.34 0 0 0-.46-2.43 4.9 4.9 0 0 0-1.16-1.77A4.9 4.9 0 0 0 16.55.52a7.34 7.34 0 0 0-2.43-.46C13.06.01 12.72 0 10 0Zm0 4.86a5.14 5.14 0 1 0 0 10.28 5.14 5.14 0 0 0 0-10.28Zm0 8.47a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Zm5.34-7.47a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z" />
+                        </svg>
+                        <span>Instagram</span>
+                    </a>
+                </li>
+            </ul>
+        </nav>
+
+        <div class="ctf">
+            <span>A project from</span>
+            <a href="https://cetrucflotte.com" target="_blank" rel="noopener external">
+                <img src="/images/logo-ctf.svg" alt="Cetrucflotte logo" width="140" height="24">
+            </a>
+        </div>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index bce8595..eb777f4 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
-    import { setContext } from 'svelte'
-    // Other
-    import '$utils/polyfills'
     import '../style/style.scss'
+    import { setContext } from 'svelte'
+    import '$utils/polyfills'
+    // Components
+    import Footer from '$components/organisms/Footer.svelte'
 
     export let data: any
 
@@ -14,6 +15,8 @@
 
 <slot />
 
+<Footer />
+
 <script context="module" lang="ts">
     import { fetchAPI } from '$utils/api'
 
@@ -50,6 +53,8 @@
                     seo_name
                     seo_title
                     seo_description
+                    instagram
+                    footer_links
                 }
             }
         `)
diff --git a/static/images/logo-ctf.svg b/static/images/logo-ctf.svg
index ecccfa8..acafdb4 100644
--- a/static/images/logo-ctf.svg
+++ b/static/images/logo-ctf.svg
@@ -1 +1,3 @@
-<svg height="24" width="139" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M46.024 6.672c2.605 0 4.2 1.624 4.283 3.618h-2.888c-.134-1.162-.712-1.594-1.46-1.594-.996 0-1.544.846-1.544 2.556 0 1.892.564 2.721 1.577 2.721.68 0 1.245-.505 1.41-1.46h2.937c-.33 2.289-2.107 3.484-4.514 3.484-2.54 0-4.464-1.642-4.464-4.563 0-3.054 2.059-4.762 4.663-4.762zm9.82 0c2.961 0 4.447 2.256 4.447 4.547a7.435 7.435 0 0 1-.061.862h-6.167c.15 1.478.796 1.892 1.642 1.892.847 0 1.362-.432 1.478-1.112h2.943c-.505 2.009-2.175 3.136-4.449 3.136-2.538 0-4.562-1.516-4.562-4.629 0-2.59 1.768-4.696 4.73-4.696zm9.317-1.98v2.29h1.958v1.86h-1.958V12.1c0 .298 0 .629.015.861.069.897.35 1.096 1.769 1.03v1.858a9.933 9.933 0 0 1-1.769.149c-2.205 0-2.87-.68-2.97-2.042-.033-.505-.033-.927-.033-1.427V8.842h-1.41v-1.86h1.41v-2.29zm24.811 1.98c2.605 0 4.199 1.624 4.282 3.618h-2.887c-.134-1.162-.715-1.594-1.46-1.594-.996 0-1.544.846-1.544 2.556 0 1.892.563 2.721 1.576 2.721.68 0 1.246-.505 1.41-1.46h2.938c-.33 2.289-2.107 3.484-4.514 3.484-2.54 0-4.464-1.642-4.464-4.563 0-3.054 2.059-4.762 4.663-4.762zm21.077 0c2.903 0 4.765 1.809 4.765 4.664 0 2.837-1.86 4.66-4.765 4.66s-4.762-1.823-4.762-4.66 1.86-4.664 4.762-4.664zm9.643-1.98v2.29h2.994v-2.29h2.986v2.29h1.958v1.86h-1.958l-.005 3.257c0 .298 0 .629.018.861.065.897.348 1.096 1.768 1.03v1.858a9.926 9.926 0 0 1-1.768.149c-2.208 0-2.873-.68-2.971-2.042-.025-.379-.031-.71-.033-1.064V8.842h-2.989V12.1c0 .298 0 .629.018.861.066.897.349 1.096 1.768 1.03v1.858a9.926 9.926 0 0 1-1.768.149c-2.208 0-2.873-.68-2.971-2.042-.025-.379-.03-.71-.032-1.064v-4.05h-1.413v-1.86h1.412v-2.29zm13.162 1.98c2.961 0 4.447 2.256 4.447 4.547 0 .288-.017.576-.05.862h-6.173c.15 1.478.796 1.892 1.642 1.892.847 0 1.362-.432 1.478-1.112h2.938c-.505 2.009-2.175 3.136-4.448 3.136-2.527 0-4.563-1.516-4.563-4.629 0-2.59 1.768-4.696 4.73-4.696zm-55.846.232v4.512c-.003.406.016.812.055 1.216.099.846.505 1.344 1.443 1.344.937 0 1.515-.88 1.515-2.06V6.905h2.99l.004 8.86h-2.988v-1.493l-.796 1.213a3.709 3.709 0 0 1-1.991.505c-1.827 0-2.938-1.028-3.138-2.238a11.79 11.79 0 0 1-.083-1.678v-5.17zm26.635-3.135v8.812c-.01.272 0 .544.032.814.069.512.316.629.98.596v1.841c-.633.067-1.27.1-1.907.099-1.212 0-1.993-.548-2.059-1.726a18.441 18.441 0 0 1-.032-1.304V5.394a3.054 3.054 0 0 0-.996-.117c-1.263 0-1.842.316-1.91.963-.01.155-.013.302-.014.447l-.001.283h1.811v1.872H98.74v6.922h-2.992V8.842h-.778v-1.86h.778v-.065c0-.265 0-.505.018-.798.134-1.66 1.329-2.855 4.896-2.855a13.15 13.15 0 0 1 3.982.505zM73.569 6.672c.23-.003.46.013.687.048v2.44c-2.24-.149-3.054.68-3.054 3.353v3.251H68.21v-8.86h2.986v1.792l.631-1.246a2.428 2.428 0 0 1 1.74-.778zm37.48 2.024c-1.063 0-1.708.864-1.708 2.64s.647 2.637 1.708 2.637 1.71-.88 1.71-2.637c0-1.769-.646-2.64-1.71-2.64zm-55.354 0c-.796 0-1.339.464-1.538 1.56h3.014c-.167-1.045-.68-1.56-1.476-1.56zm78.02 0c-.795 0-1.336.464-1.538 1.56h3.014c-.164-1.045-.68-1.56-1.476-1.56zM30.856 15.807V5.626l-18.517 8.173V23.98z" fill="#ff5a27" fill-rule="nonzero"/><path d="M12.339 13.799V23.98L.063 18.536V8.408z" fill="#a0220d" fill-rule="nonzero"/><path d="M.063 8.408L18.558.225"/><g fill-rule="nonzero"><path d="M15.979 8.56L11.62 6.676l-.073-.028v3.456l.717.311c.758.328 2.196.177 3.219-.336s1.248-1.192.495-1.52z" fill="#a0220d"/><path d="M8.41 7.013c-1.01.505-1.24 1.198-.487 1.516l3.632 1.576V6.65c-.77-.288-2.152-.134-3.145.364z" fill="#ff5a27"/><path d="M23.133 5.379l-4.35-1.883-.07-.027v3.458l.717.31c.758.33 2.193.178 3.216-.335s1.243-1.195.487-1.523z" fill="#a0220d"/><path d="M15.567 3.832c-1.023.506-1.24 1.198-.487 1.516l3.632 1.572V3.469c-.775-.288-2.152-.134-3.145.363z" fill="#ff5a27"/><path d="M18.558.225L.063 8.408l12.276 5.39 18.517-8.182zm-3.067 9.852c-1.01.506-2.463.665-3.218.336l-.718-.308-3.632-1.571c-.758-.326-.534-1.01.487-1.516 1.02-.505 2.375-.652 3.145-.364l.074.028 4.35 1.882c.753.324.533 1.006-.488 1.519zm7.155-3.18c-1.01.505-2.463.664-3.216.336l-.718-.31L15.08 5.35c-.758-.326-.536-1.01.487-1.516 1.023-.505 2.375-.652 3.145-.364l.071.028 4.35 1.882c.756.326.536 1.008-.487 1.52v-.004z" fill="#ffb68d"/></g></g></svg>
\ No newline at end of file
+<svg height="24" width="139" xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd"><path d="M46.02 6.67c2.6 0 4.2 1.63 4.29 3.62h-2.9c-.12-1.16-.7-1.6-1.45-1.6-1 0-1.54.85-1.54 2.56 0 1.9.56 2.72 1.57 2.72.68 0 1.25-.5 1.41-1.46h2.94C50 14.81 48.24 16 45.82 16c-2.54 0-4.46-1.65-4.46-4.57 0-3.05 2.06-4.76 4.66-4.76zm9.82 0c2.96 0 4.45 2.26 4.45 4.55a7.43 7.43 0 0 1-.06.86h-6.17c.15 1.48.8 1.9 1.65 1.9.84 0 1.36-.44 1.47-1.12h2.95c-.5 2.01-2.18 3.14-4.45 3.14-2.54 0-4.56-1.52-4.56-4.63a4.5 4.5 0 0 1 4.73-4.7zm9.32-1.98V7h1.96v1.85h-1.96v3.26c0 .3 0 .63.02.86.06.9.35 1.1 1.76 1.03v1.86a9.93 9.93 0 0 1-1.76.15c-2.2 0-2.87-.68-2.97-2.04-.04-.5-.04-.93-.04-1.43v-3.7h-1.4V6.98h1.4V4.7zm24.81 1.98c2.6 0 4.2 1.63 4.28 3.62h-2.88c-.14-1.16-.72-1.6-1.46-1.6-1 0-1.55.85-1.55 2.56 0 1.9.57 2.72 1.58 2.72.68 0 1.25-.5 1.4-1.46h2.95c-.33 2.3-2.11 3.49-4.52 3.49-2.54 0-4.46-1.64-4.46-4.57 0-3.05 2.06-4.76 4.66-4.76zm21.08 0c2.9 0 4.76 1.81 4.76 4.67 0 2.83-1.86 4.66-4.76 4.66s-4.76-1.83-4.76-4.66 1.86-4.67 4.76-4.67zm9.64-1.98V7h3V4.7h2.98V7h1.96v1.85h-1.96v3.26c0 .3 0 .63.02.86.06.9.34 1.1 1.76 1.03v1.86a9.93 9.93 0 0 1-1.76.15c-2.21 0-2.88-.68-2.98-2.04a17 17 0 0 1-.03-1.07V8.84h-2.99v3.26c0 .3 0 .63.02.86.07.9.35 1.1 1.77 1.03v1.86a9.93 9.93 0 0 1-1.77.15c-2.2 0-2.87-.68-2.97-2.04-.03-.38-.03-.71-.03-1.07V8.84h-1.42V6.98h1.42V4.7zm13.16 1.98c2.97 0 4.45 2.26 4.45 4.55 0 .29-.02.58-.05.86h-6.17c.15 1.48.8 1.9 1.64 1.9.85 0 1.36-.44 1.48-1.12h2.94c-.5 2.01-2.18 3.14-4.45 3.14-2.53 0-4.57-1.52-4.57-4.63a4.5 4.5 0 0 1 4.73-4.7zm-55.84.23v4.52c0 .4.01.8.05 1.21.1.85.5 1.35 1.45 1.35.93 0 1.51-.88 1.51-2.06V6.9h3v8.86h-3v-1.49l-.79 1.21a3.7 3.7 0 0 1-1.99.51c-1.83 0-2.94-1.03-3.14-2.24a11.79 11.79 0 0 1-.08-1.68V6.9zm26.63-3.13v8.81c0 .27 0 .54.04.81.06.52.31.63.98.6v1.84c-.64.07-1.27.1-1.91.1-1.21 0-2-.55-2.06-1.73a18.44 18.44 0 0 1-.03-1.3V5.4a3.05 3.05 0 0 0-1-.12c-1.26 0-1.84.31-1.9.96-.02.15-.02.3-.02.45v.28h1.8v1.87h-1.8v6.92h-3V8.84h-.77V6.98h.78v-.06c0-.27 0-.5.02-.8.13-1.66 1.33-2.86 4.9-2.86a13.15 13.15 0 0 1 3.97.5zm-31.07 2.9c.23 0 .46.02.69.05v2.44c-2.24-.15-3.06.68-3.06 3.35v3.25h-2.99V6.9h2.99v1.8l.63-1.25a2.43 2.43 0 0 1 1.74-.78zm37.48 2.03c-1.06 0-1.7.86-1.7 2.64s.64 2.63 1.7 2.63 1.7-.88 1.7-2.63c0-1.77-.64-2.64-1.7-2.64zm-55.35 0c-.8 0-1.34.46-1.54 1.56h3.01C57 9.2 56.5 8.7 55.7 8.7zm78.02 0c-.8 0-1.34.46-1.54 1.56h3.01c-.16-1.05-.68-1.56-1.47-1.56zM30.86 15.8V5.64L12.34 13.8v10.18z" fill="#ff5a27" fill-rule="nonzero"/><path d="M12.34 13.8v10.18L.06 18.54V8.4z" fill="#a0220d" fill-rule="nonzero"/><path d="M.06 8.4 18.56.23"/><g fill-rule="nonzero"><path d="m15.98 8.56-4.36-1.88-.07-.03v3.45l.71.32c.76.32 2.2.17 3.22-.34s1.25-1.2.5-1.52z" fill="#a0220d"/><path d="M8.41 7.01c-1.01.5-1.24 1.2-.49 1.52l3.64 1.58V6.65a4.54 4.54 0 0 0-3.15.36z" fill="#ff5a27"/><path d="M23.13 5.38 18.78 3.5l-.07-.03v3.46l.72.3c.76.34 2.2.18 3.22-.33s1.24-1.2.48-1.52z" fill="#a0220d"/><path d="M15.57 3.83c-1.03.5-1.24 1.2-.49 1.52l3.63 1.57V3.47a4.55 4.55 0 0 0-3.14.36z" fill="#ff5a27"/><path d="M18.56.23.06 8.4l12.28 5.39 18.52-8.18zm-3.07 9.85c-1 .5-2.46.66-3.22.33l-.71-.3-3.64-1.58c-.75-.32-.53-1 .49-1.51a4.52 4.52 0 0 1 3.15-.37l.07.03 4.35 1.88c.75.33.53 1.01-.49 1.52zm7.16-3.18c-1.01.5-2.47.66-3.22.33l-.72-.3-3.63-1.58c-.76-.33-.54-1.01.49-1.52a4.52 4.52 0 0 1 3.14-.36l.07.03 4.35 1.88c.76.33.54 1-.48 1.52z" fill="#ffb68d"/></g></g>
+</svg>
\ No newline at end of file