From bf12a6358aa3fa1f4cf30954a4a253eefb736b75 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Wed, 28 Jun 2017 22:12:37 +0200
Subject: [PATCH] Fixed #28: added project links in footer

---
 front/src/App.vue             | 28 ++++++++++++++++++++++++++--
 front/src/components/Home.vue |  2 +-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/front/src/App.vue b/front/src/App.vue
index 2704ad151..f81d7d3da 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -2,6 +2,26 @@
   <div id="app">
     <sidebar></sidebar>
     <router-view></router-view>
+    <div class="ui divider"></div>
+    <div id="footer" class="ui vertical footer segment">
+      <div class="ui container">
+        <div class="ui stackable equal height stackable grid">
+          <div class="three wide column">
+            <h4 class="ui header">Links</h4>
+            <div class="ui link list">
+              <a href="https://funkwhale.audio" class="item" target="_blank">Official website</a>
+              <a href="https://docs.funkwhale.audio" class="item" target="_blank">Documentation</a>
+              <a href="https://code.eliotberriot.com/funkwhale/funkwhale" class="item" target="_blank">Source code</a>
+              <a href="https://code.eliotberriot.com/funkwhale/funkwhale/issues" class="item" target="_blank">Issue tracker</a>
+            </div>
+          </div>
+          <div class="ten wide column">
+            <h4 class="ui header">About funkwhale</h4>
+            <p>Funkwhale is a free and open-source project run by volunteers. You can help us improve the platform by reporting bugs, suggesting features and share the project with your friends!</p>
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -27,12 +47,16 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.main.pusher {
+.main.pusher, .footer {
   margin-left: 350px !important;
   transform: none !important;
+}
+.main-pusher {
   padding: 1.5rem 0;
 }
-
+#footer {
+  padding: 1.5rem;
+}
 .ui.stripe.segment {
   padding: 4em;
 }
diff --git a/front/src/components/Home.vue b/front/src/components/Home.vue
index 891e99ae0..ea0f5edc0 100644
--- a/front/src/components/Home.vue
+++ b/front/src/components/Home.vue
@@ -60,7 +60,7 @@
         <h2 class="ui header">
           Clean library
         </h2>
-        <p>Funkwhale takes care of fealing your music.</p>
+        <p>Funkwhale takes care of handling your music.</p>
         <div class="ui list">
           <div class="item">
             <i class="download icon"></i>