Added footer

src/App.vue

@@ -18,21 +18,41 @@
     <main>
       <router-view class="container" />
     </main>
-    <footer>
+    <footer class="page-footer">
       <div class="container">
-
+        <div class="row">
+          <div class="col l6 s12">
+            <p class="grey-text text-lighten-4">Retribute is a decentralized and open effort to support creators.</p>
+          </div>
+          <div class="col l4 offset-l2 s12">
+            <h5 class="white-text">Links</h5>
+            <ul>
+              <li><a class="grey-text text-lighten-3" href="https://governance.funkwhale.audio/g/L4AfDozC/funkwhale-retribute">Forums</a></li>
+              <li><a class="grey-text text-lighten-3" href="https://dev.funkwhale.audio/groups/retribute.me/-/issues">Issue Tracker</a></li>
+              <li><a class="grey-text text-lighten-3" href="http://dev.funkwhale.audio/retribute.me">Source code</a></li>
+              <li><a class="grey-text text-lighten-3" href="https://riot.im/app/#/room/#retribute:matrix.org">Chat</a></li>
+            </ul>
+          </div>
+        </div>
       </div>
     </footer>
   </div>
 </template>
 
 <style>
-a {
-  cursor: pointer;
+#app {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
 }
+
 main {
+  flex: 1 0 auto;
   padding: 1em 0;
 }
+a {
+  cursor: pointer;
+}
 .text.container {
   max-width: 800px;
 }