diff --git a/css/style.css b/css/style.css
index e979bf0..ff4d99f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -14,7 +14,7 @@
--nav-height: 5em;
--body-maxwidth: 900px;
--footer-maxwidth: 900px;
- --footer-height: 9em;
+ --footer-height: 3em;
--padding-border: 1em;
}
@@ -32,25 +32,48 @@ html {
body {
margin: 0;
position: relative;
+ height: 100%;
+}
+html, body {
+ height: 100%;
}
a {
color: var(--font-color);
}
+#page-wrap {
+ min-height: 100%;
+ margin-bottom: calc(0em - var(--footer-height));
+}
+#page-wrap:after {
+ content: "";
+ display: block;
+}
+footer, #page-wrap:after {
+ /* .push must be the same height as footer */
+ height: var(--footer-height);
+}
/******************* Header *******************/
#navbar {
font-size: 2em;
- margin: 2rem 1rem;
+ padding: 2rem 1rem;
}
/******************* Footer *******************/
#footer {
width: 100%;
- text-align: center;
- margin-top: 1em;
+ height: var(--footer-height);
+ vertical-align: bottom;
+ position: relative;
+}
+#footer_text {
+ position: absolute;
+ bottom: 0.1em;
+ left: 50%;
+ transform: translateX(-50%);
}
/******************* Container *******************/
@@ -72,3 +95,6 @@ a {
display: block;
margin-top: 1em;
}
+.cloud_link {
+ margin-bottom: 1em;
+}
diff --git a/templates/footer.php b/templates/footer.php
index 810745d..5436326 100644
--- a/templates/footer.php
+++ b/templates/footer.php
@@ -1,7 +1,10 @@
+
';
diff --git a/templates/header.php b/templates/header.php
index 8e15c0e..3d2a429 100644
--- a/templates/header.php
+++ b/templates/header.php
@@ -12,6 +12,7 @@
+