Restoring footer

5 years ago · c32086bbdc
3 changed files with 32 additions and 30 deletions
--- a/themes/pure/layouts/_default/baseof.html
+++ b/themes/pure/layouts/_default/baseof.html
@ -2,6 +2,7 @@
 <html lang="en">
    {{- partial "head.html" . -}}
    <body>
+        <div id="wrapper">
            <div id="header">
                {{- partial "header.html" . -}}
            </div>
@ -12,6 +13,7 @@
                </div>
                <div class="pure-u-1-5"></div>
            </div>
+        </div>
        <div id="footer">
            {{- partial "footer.html" . -}}
        </div>
--- a/themes/pure/layouts/partials/footer.html
+++ b/themes/pure/layouts/partials/footer.html
@ -1,6 +1,5 @@
-<!-- <div class="pure-g">
+<div class="pure-g">
 	<div class="pure-u-1 text-align-right" style="padding-right: 1em;">
 		<span>&copy;</span> {{ .Site.Params.CopyrightYear }} - Present &nbsp; {{ .Site.Params.CopyrightHolder }} &nbsp; ALL RIGHTS RESERVED. 
 	</div>
 </div>
- -->
--- a/themes/pure/static/assets/css/style.css
+++ b/themes/pure/static/assets/css/style.css
@ -25,26 +25,27 @@ nav ul li a img:hover {
 }
 */

-/*#container {
-   min-height: 100%;
-   position: relative;
+html, body {
+  height: 100%;
 }
-*/
-/*#body {
-   padding: 10px;
-   padding-bottom: 2em;
+
+body {
+  display: flex;
+  flex-direction: column;
 }
-*/
-/*#footer {
-   position: absolute;
-   bottom: 0;
-   width: 100%;
-   height: 2em;
+
+#wrapper {
+  flex: 1 0 auto;
 }
-*/
-/*.text-align-right {
+
+#footer {
+  flex-shrink: 0;
+  padding: 0.5em;
+}
+
+.text-align-right {
    text-align: right;
-}*/
+}

 .pure-menu-item a img {
  padding: .1em .2em;
@ -169,7 +170,7 @@ nav ul li a img:hover {
    transform: translateY(-44px);
 }

-@media (min-width: 63em) {
+@media (min-width: 62em) {
  .menu-screen {
    margin-top: 2.95em;
    z-index: 1;