Add basic footer

2 files changed, 33 insertions, 1 deletions

diff --git a/app/css/style.css b/app/css/style.css
index 13c6533..26eada0 100644
--- 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 803568c..071803a 100644
--- 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>