Adversite documentation, support and donations in footer

src/css/style.less

@@ -221,15 +221,15 @@ button {
  * Page footer
  *
  */
-.page-footer {
+#page-footer {
     .clearfix;
     .make-row(12);
     margin: 20px 0;
     padding-top: 20px;
+    margin-top: 40px;
     border-top: 1px solid #eee;
     color: #999;
     font-size: 0.9em;
-    text-align: right;
     a {
         color: #666;
         &:hover,
@@ -237,6 +237,41 @@ button {
     }
 }
 
+#page-footer-links {
+    text-align: left;
+    float: left;
+
+    a {
+        display: inline-block;
+    }
+
+    a::before {
+        content: "•";
+        display: inline-block;
+        vertical-align: top;
+        padding: 0 0.5em 0 0.25em;
+    }
+    a:first-child:before {content: none;}
+}
+
+#yunohost-version {
+    text-align: right;
+    float: right;
+}
+
+@media screen and (max-width: @screen-xs-min) {
+    #yunohost-version {
+        text-align: center;
+        float: none;
+    }
+    #page-footer-links {
+        text-align: center;
+        float: none;
+    }
+}
+
+
+
 /*
  * The pop up dialog
  *

src/index.html

@@ -60,8 +60,13 @@
 
         </div><!--/#slider-container-->
 
-        <footer class="page-footer">
+        <footer id="page-footer">
-            <p id="yunohost-version"></p>
+            <div id="page-footer-links">
+                <a href="https://yunohost.org/docs" target="_blank"><i class="fa-book"></i> Documentation</a>
+                <a href="https://yunohost.org/help" target="_blank"><i class="fa-life-ring"></i> Need help?</a>
+                <a href="https://donate.yunohost.org/" target="_blank"><i class="fa-heart"></i> Donate</a>
+            </div>
+            <div id="yunohost-version"></div>
         </footer>
     </div>