my bad solution to the dumb footer placement

web/static/css/style.css

@@ -1054,12 +1054,9 @@ New color: fd4e05
 /* Footer */
 
 	#footer {
-		background: #202222;
-		color: #888;
     position: relative;
     width: 100%;
     bottom: 0;
-    /* height: 100px; */
     margin-top: 1em;
 	}
 
@@ -1073,11 +1070,10 @@ New color: fd4e05
 			-o-transition: all 0.2s ease-in-out;
 			-ms-transition: all 0.2s ease-in-out;
 			transition: all 0.2s ease-in-out;
-			color: #888;
 		}
 
 			#footer a:active, #footer a:hover {
-				color: #ffffff;
+				color: #000;
 			}
 
 		#footer .icons .rounded {
@@ -1154,5 +1150,8 @@ New color: fd4e05
 }
 
 html {
+  height: 100%;
+}
+body {
   min-height: 100%;
 }

web/templates/base.html

@@ -75,15 +75,15 @@
   					hidden: true,
   					html: '<div data-action="moveElement" data-args="nav"></div>',
   					orientation: 'vertical',
-  					position: 'top-left',
+  					position: 'top-right',
-  					side: 'left',
+  					side: 'right',
   					width: 250
   				},
   				navButton: {
   					breakpoints: 'medium',
   					height: '4em',
   					html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
-  					position: 'top-left',
+  					position: 'top-right',
   					side: 'top',
   					width: '6em'
   				}
@@ -153,6 +153,7 @@
     {% block content %}
     {% endblock %}
 
+    <hr>
     <footer id="footer">
       <div class="container">
         <ul class="copyright">