From f39a9a44a7b8e20f6f7324f40d954eb616ca0377 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Fri, 4 Dec 2020 23:06:15 +0100
Subject: [PATCH] Add Footer component

---
 src/App.vue               | 14 +++++++++++++-
 src/components/Footer.vue | 29 +++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Footer.vue

diff --git a/src/App.vue b/src/App.vue
index 4afb0cf..0e42e89 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,15 +4,18 @@
     <main>
       <router-view />
     </main>
+    <Footer />
   </div>
 </template>
 
 <script>
+import Footer from "@/components/Footer";
 import Header from "@/components/Header";
 
 export default {
   name: "App",
   components: {
+    Footer,
     Header
   }
 };
@@ -20,12 +23,21 @@ export default {
 
 <style lang="less">
 #app {
-  font-family: Montserrat, sans-serif;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: @text-color;
 }
 
+a {
+  text-decoration: none;
+  cursor: pointer;
+
+  &:visited {
+    color: inherit;
+  }
+}
+
 main {
   padding: 2rem 1rem 1rem 1rem;
   background-color: @secondary-color;
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
new file mode 100644
index 0000000..83e1eb9
--- /dev/null
+++ b/src/components/Footer.vue
@@ -0,0 +1,29 @@
+<template>
+  <footer>
+    <p>
+      ©2020 Made with <span style="color: red;">&#9829;</span> by
+      <a href="https://wazo-lab.io" target="_blank">Wazo Lab</a>
+    </p>
+  </footer>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="less">
+footer {
+  background-color: #111111;
+  color: @secondary-color;
+  text-align: center;
+  padding: 2rem;
+
+  p {
+    margin: 0;
+
+    a {
+      color: rgba(255, 152, 0, 1);
+    }
+  }
+}
+</style>