Footer with links

This commit is contained in:
Jakob Borg
2014-01-08 13:52:17 +01:00
parent 2cfb24892f
commit 334961fe10

View File

@@ -11,9 +11,20 @@
<title>syncthing</title> <title>syncthing</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css"> <style type="text/css">
body { html, body {
height: 100%;
}
#wrap{
padding-top: 20px; 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 { .header {
@@ -28,9 +39,10 @@ body {
</head> </head>
<body ng-controller="SyncthingCtrl"> <body ng-controller="SyncthingCtrl">
<div id="wrap">
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<h3 class="text-muted">syncthing&emsp;<small>|</small>&emsp;<small>{{version}}</small></h3> <h3 class="text-muted">syncthing</h3>
</div> </div>
<div class="row"> <div class="row">
@@ -96,7 +108,14 @@ body {
</table> </table>
</div> </div>
</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> </div>
<script src="angular.min.js"></script> <script src="angular.min.js"></script>