Fix #16

go/go/templates/layouts/base.html

@@ -21,6 +21,7 @@
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
     <link rel="stylesheet" href="{% static "css/normalize.css" %}" />
     <link rel="stylesheet" href="{% static "css/bootswatch.min.css" %}" />
+    <link rel="stylesheet" href="{% static "css/styles.css" %}" />
     <link rel="icon" type="image/jpg" href="{% static "img/favicon.ico"%}" />
 
     <script src="{% static "js/jquery.min.js" %}"></script>
@@ -38,10 +39,10 @@
 
       {% endblock %}
 
-      {% include 'layouts/footer.html' %}
-
     </div>
 
+    {% include 'layouts/footer.html' %}
+
     {% tracking_code %}
 
   </body>

go/go/templates/layouts/footer.html

-<footer>
-  <div class="row">
-    <div class="col-lg-12 text-center">
-      A project of
-      <a href="http://srct.gmu.edu/">GMU SRCT</a>.
-      <a href="http://www.apache.org/licenses/LICENSE-2.0">Some rights reserved</a>.
-    </div>
-  </div>
+<footer class="footer">
+	<div class="text-center valign-center">
+	  <span class="text-muted">A project of
+	    <a href="http://srct.gmu.edu/">GMU SRCT</a>.
+	    <a href="http://www.apache.org/licenses/LICENSE-2.0">Some rights reserved</a>.
+	  </span>
+	</div>
 </footer>

go/static/css/styles.css

+html {
+  position: relative;
+  min-height: 100%;
+}
+body {
+  /* Margin bottom by footer height */
+  margin-bottom: 80px;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  height: 60px;
+  background-color: #f5f5f5;
+}
+.valign-center {
+  height: 60px;
+  line-height: 60px;
+}
+.valign-center span {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: normal;
+}
\ No newline at end of file