diff --git a/js/headfoot.js b/js/headfoot.js
index befd4c61047f298321f4106dacb3dbf07355b965..cf5bd4c3c4b520ea842288a7291feb0e3c5f60c9 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -140,9 +140,31 @@ function head() {
*/
function foot() {
+ // add styles to to manage sticky footer
+ var styles = `
+ @media only screen and (min-width: 768px) {
+ html {
+ position: relative;
+ min-height: 100%;
+ }
+ body {
+ margin-bottom: 120px; /* Margin bottom by footer height */
+ }
+ #homepage {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ }
+ }
+ `
+ var styleSheet = document.createElement("style")
+ styleSheet.type = "text/css"
+ styleSheet.innerText = styles
+ document.head.appendChild(styleSheet)
+
let footerdiv = document.createElement('div');
footerdiv.id="homepage";
- footerdiv.classList.add("last", "clear");
footerdiv.innerHTML = "
";
let containerdiv = document.createElement('div');
containerdiv.classList.add('container');