Add source code link in footer

client/src/components/Footer.vue

@@ -25,9 +25,13 @@
       </div>
     </div>
 
-    <div class="footer">
+    <div class="big-link">
       <a href="https://joinpeertube.org" target="_blank" v-translate> &gt;&gt; Check all guides on joinpeertube.org &lt;&lt; </a>
     </div>
+
+    <div class="footer">
+      <a href="https://framagit.org/framasoft/peertube/search-index/" target="_blank">Source code</a>
+    </div>
   </footer>
 </template>
 
@@ -38,7 +42,7 @@
     width: $container-width;
     margin: auto;
     background-color: $orange-lighten;
-    padding: 30px 100px;
+    padding: 30px 100px 10px 100px;
     font-family: monospace;
 
     .header {
@@ -78,13 +82,8 @@
       }
     }
 
-    .subtitle {
-      color: $grey;
-      font-size: 20px;
-      margin-bottom: 50px;
-    }
-
-    a {
+    .columns a,
+    .big-link a {
       color: $orange;
       margin: 0 auto 20px auto;
       min-height: 40px;
@@ -96,7 +95,13 @@
       }
     }
 
-    .footer {
+    .subtitle {
+      color: $grey;
+      font-size: 20px;
+      margin-bottom: 50px;
+    }
+
+    .big-link {
       margin-top: 50px;
 
       a {
@@ -107,6 +112,17 @@
       }
     }
 
+    .footer {
+      margin-top: 80px;
+      display: flex;
+      justify-content: center;
+
+      a {
+        color: $orange;
+        font-size: 10px;
+      }
+    }
+
     @media screen and (max-width: $container-width) {
       width: 100%;
     }