Footer with links

2014-01-08 13:52:17 +01:00
parent 2cfb24892f
commit 334961fe10
1 changed files with 81 additions and 62 deletions
@@ -11,9 +11,20 @@
 <title>syncthing</title>
 <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
 <style type="text/css">
-body {
+html, body {
+    height: 100%;
+}
+#wrap{
    padding-top: 20px;
-    padding-bottom: 20px;
+    min-height: 100%;
+    height: auto;
+    margin: 0 auto -50px;
+    padding: 20px 0 50px 0;
+}
+#footer {
+    height: 50px;
+    padding: 12px;
+    background-color: #f5f5f5;
 }

 .header {
@@ -28,9 +39,10 @@ body {
 </head>

 <body ng-controller="SyncthingCtrl">
+<div id="wrap">
    <div class="container">
        <div class="header">
-        <h3 class="text-muted">syncthing&emsp;<small>|</small>&emsp;<small>{{version}}</small></h3>
+            <h3 class="text-muted">syncthing</h3>
        </div>

        <div class="row">
@@ -96,7 +108,14 @@ body {
                </table>
            </div>
        </div>
-
+    </div>
+</div>
+<div id="footer" class="text-center">
+    syncthing {{version}}
+    | <a href="https://github.com/calmh/syncthing/releases">Latest Release</a>
+    | <a href="https://github.com/calmh/syncthing/wiki">Documentation</a>
+    | <a href="https://github.com/calmh/syncthing/issues">Bugs</a>
+    | <a href="https://github.com/calmh/syncthing">Source Code</a>
 </div>

 <script src="angular.min.js"></script>