From 06256558bd44ed07643de6657a7324debbd4773e Mon Sep 17 00:00:00 2001
From: fpapado <fotis@futurice.com>
Date: Wed, 2 Jan 2019 11:07:46 +0200
Subject: [PATCH 1/3] Add link to Github repository

---
 src/_includes/layouts/base.njk | 25 ++++++++++++++++++++-----
 src/css/index.css              |  5 +++++
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 8e33ea1..79bb2b8 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -53,11 +53,26 @@
       {{ content | safe }}
     </main>
 
-    <footer class="mt5 flex flex-row flex-wrap justify-between">
-      <a href="https://www.futurice.com/" class="w4 flex items-center white focus-outline-accent" target="_blank" rel="noopener noreferrer">
-        {% include "svg/futurice_logo.svg" %}
-      </a>
-      {% include "animateMeButton.njk" %}
+    <footer class="mt5">
+      <div class="mn3 flex flex-row flex-wrap justify-between items-end">
+        <div class="ma3 f5 f4-ns vs2">
+          <span class="db">Made by</span>
+
+          <a href="https://www.futurice.com/" class="w4 flex items-center white focus-outline-accent" target="_blank" rel="noopener noreferrer">
+            {% include "svg/futurice_logo.svg" %}
+          </a>
+
+          <span class="db">
+            {% Link href='https://github.com/futurice/techweeklies.futurice.com', isExternal=true %} 
+              Source on Github
+            {% endLink %}
+          </span>
+        </div>
+
+        <div class="ma3">
+          {% include "animateMeButton.njk" %}
+        </div>
+      </div>
     </footer>
 
     <script src="{{ '/js/index.js' | resolveHash | url}}" defer></script>
diff --git a/src/css/index.css b/src/css/index.css
index 90bfc05..9157478 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -305,3 +305,8 @@ a[href].tag:visited {
 .vs5 > * + * {
   margin-top: 4rem;
 }
+
+/* Negative margins */
+.mn3 {
+  margin: -1rem;
+}

From 4280a111750b7881b6fc09d944fd57990426a6b7 Mon Sep 17 00:00:00 2001
From: fpapado <fotis@futurice.com>
Date: Wed, 2 Jan 2019 11:11:30 +0200
Subject: [PATCH 2/3] Use a p tag

---
 src/_includes/layouts/base.njk | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 79bb2b8..955a04b 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -55,7 +55,7 @@
 
     <footer class="mt5">
       <div class="mn3 flex flex-row flex-wrap justify-between items-end">
-        <div class="ma3 f5 f4-ns vs2">
+        <p class="ma3 f5 f4-ns vs2">
           <span class="db">Made by</span>
 
           <a href="https://www.futurice.com/" class="w4 flex items-center white focus-outline-accent" target="_blank" rel="noopener noreferrer">
@@ -67,7 +67,7 @@
               Source on Github
             {% endLink %}
           </span>
-        </div>
+        </p>
 
         <div class="ma3">
           {% include "animateMeButton.njk" %}

From e344496d0b7de7ab8012ba1f8a0f4093a41bd42e Mon Sep 17 00:00:00 2001
From: fpapado <fotis@futurice.com>
Date: Mon, 7 Jan 2019 11:03:35 +0200
Subject: [PATCH 3/3] Tweak footer item spacing to ma2

---
 src/_includes/layouts/base.njk | 6 +++---
 src/css/index.css              | 8 ++++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 955a04b..421bcac 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -54,8 +54,8 @@
     </main>
 
     <footer class="mt5">
-      <div class="mn3 flex flex-row flex-wrap justify-between items-end">
-        <p class="ma3 f5 f4-ns vs2">
+      <div class="mn2 flex flex-row flex-wrap justify-between items-end">
+        <p class="ma2 f5 f4-ns vs2">
           <span class="db">Made by</span>
 
           <a href="https://www.futurice.com/" class="w4 flex items-center white focus-outline-accent" target="_blank" rel="noopener noreferrer">
@@ -69,7 +69,7 @@
           </span>
         </p>
 
-        <div class="ma3">
+        <div class="ma2">
           {% include "animateMeButton.njk" %}
         </div>
       </div>
diff --git a/src/css/index.css b/src/css/index.css
index 9157478..eb10007 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -307,6 +307,10 @@ a[href].tag:visited {
 }
 
 /* Negative margins */
-.mn3 {
-  margin: -1rem;
+/* These are typically used when defining
+ * flexbox "gaps" and offseting the space leaking out.
+ * In the future, consider using the `gap` property!
+*/
+.mn2 {
+  margin: -0.5rem;
 }