Add basic footer

diff --git a/app/css/style.css b/app/css/style.css
index 13c65334ee3c23541de00e60b6f396e7791a7f85..26eada031d37df5a85abd79c2e9db4cb61801099 100644 (file)
--- a/app/css/style.css
+++ b/app/css/style.css
@@ -1,11 +1,16 @@
 
 html, body {
+    min-height: 100%;
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
 }
 
+body {
+    padding-bottom: 70px;
+}
+
 .wrapper {
     display: table;
     width: 100%;
@@ -36,4 +41,26 @@ pre {
 
 th {
     vertical-align: middle !important;
+}
+
+.main {
+    margin-bottom: 40px;
+}
+
+footer {
+    position: fixed;
+    background-color: #efefef;
+    bottom: 0;
+    width: 100%;
+    color: #555;
+    font-size: 14px;
+    padding: 5px;
+    z-index: 13;
+    opacity: .5;
+    -webkit-transition: all .25s;
+    transition: all .25s;
+}
+
+footer:hover {
+    opacity: 1;
 }
\ No newline at end of file

diff --git a/app/index.html b/app/index.html
index 803568c569698f0f59a4ab1b09e7d9e1ef65acf9..071803a06cd4f17a723ee60718aff6e902392031 100644 (file)
--- a/app/index.html
+++ b/app/index.html
@@ -103,7 +103,7 @@
         </div>
     </div>
 
-    <div class="container" v-show="session.valid && !busy" v-cloak>
+    <div class="container main" v-show="session.valid && !busy" v-cloak>
         <div class="row">
             <div class="col-lg-12">
                 <center>
@@ -157,6 +157,11 @@
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="text-center">
+        <span class="text-muted">Created by the <a href="https://cloudron.io" target="_blank">Cloudron</a> team <a href="https://github.com/nebulade/surfer" target="_blank">hosted on Github</a></span>
+    </footer>
+
     <script src="/_admin/js/jquery-1.12.1.min.js"></script>
     <script src="/_admin/js/bootstrap.min.js"></script>
     <script src="/_admin/js/vue.min.js"></script>