From ace74abfeb2a879ff431e20cad44b1fe01b14107 Mon Sep 17 00:00:00 2001
From: Michael Smith <m@michaelsmith.be>
Date: Tue, 27 Dec 2016 00:23:15 +0100
Subject: [PATCH] Minor footer layout fixes. Added "last updated" field to
 footer.

---
 _includes/footer.html  | 24 +++++++++++++++------
 _sass/90s/_layout.scss | 47 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 65 insertions(+), 6 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index e689ce0..e4d4829 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -2,11 +2,23 @@
   <div class="wrapper">
     <h2 class="footer-heading">{{ site.title | escape }}</h2>
     <p><em>{{ site.description | escape }}</em></p>
-    {% if site.author %}
-      <br>{{ site.author | escape }}
-    {% endif %}
-    {% if site.email %}
-      <br><a href="mailto:{{ site.email }}">{{ site.email }}
-    {% endif %}
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+            {% if site.author %}
+              <br>{{ site.author | escape }}
+            {% endif %}
+            {% if site.email %}
+              | <a href="mailto:{{ site.email }}">{{ site.email }}</a>
+            {% endif %}
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-2">
+      </div>
+
+      <div class="footer-col footer-col-3">
+        <p style="text-align: right;">Last updated {{ site.time | date_to_long_string }}</p>
+      </div>
+    </div>
   </div>
 </footer>
diff --git a/_sass/90s/_layout.scss b/_sass/90s/_layout.scss
index 344cb5d..b3e8d5c 100644
--- a/_sass/90s/_layout.scss
+++ b/_sass/90s/_layout.scss
@@ -148,3 +148,50 @@
     }
   }
 }
+
+.footer-col-wrapper {
+  margin-left: -$spacing-unit / 2;
+  @extend %clearfix;
+}
+
+.footer-col {
+  float: left;
+  margin-bottom: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+}
+
+.footer-col-1 {
+  width: -webkit-calc(35% - (#{$spacing-unit} / 2));
+  width:         calc(35% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-2 {
+  width: -webkit-calc(20% - (#{$spacing-unit} / 2));
+  width:         calc(20% - (#{$spacing-unit} / 2));
+}
+
+.footer-col-3 {
+  width: -webkit-calc(45% - (#{$spacing-unit} / 2));
+  width:         calc(45% - (#{$spacing-unit} / 2));
+}
+
+@include media-query($on-laptop) {
+  .footer-col-1,
+  .footer-col-2 {
+    width: -webkit-calc(50% - (#{$spacing-unit} / 2));
+    width:         calc(50% - (#{$spacing-unit} / 2));
+  }
+
+  .footer-col-3 {
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}
+
+@include media-query($on-palm) {
+  .footer-col {
+    float: none;
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}