Added footer.

mikaelm1 · Dec 30, 2017 · ececee9 · ececee9
1 parent 6c2f1f7
commit ececee9
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/assets/css/application.scss b/assets/css/application.scss
@@ -1,8 +1,28 @@
 @import "~bootstrap/dist/css/bootstrap.min.css";
 @import "~font-awesome/css/font-awesome.css";
 
+html {
+    position: relative;
+    min-height: 100%;
+}
+
 .author {
     font-size: 150%;
     font-style: italic;
     color: rgb(14, 84, 165);
-}
+}
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-top: 1px solid #e9e9e9;
+    /* Set the fixed height of the footer here */
+    height: 60px;
+    line-height: 60px; /* Vertically center the text there */
+    background-color: white;
+}
+
+body {
+    margin-bottom: 70px;
+}
diff --git a/templates/application.html b/templates/application.html
@@ -41,6 +41,13 @@
       <%= partial("flash.html") %>
       <%= yield %>
     </div>
+    <footer class="footer text-center fixed-bottom">
+      <div>
+          <ul class="list-inline">
+            <li class="text-muted">Blog App &copy; 2017</li>
+          </ul>
+      </div>
+  </footer>
 
     <%= javascriptTag("application.js") %>
   </body>