Merge pull request #8 from futurice/improvement/add-github-link

Improvement/Add GitHub link
futurice · Jan 7, 2019 · 9a6500e · 9a6500e
2 parents 96749fa + e344496
commit 9a6500e
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 5 deletions.
diff --git 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="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">
+            {% 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>
+        </p>
+
+        <div class="ma2">
+          {% 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
@@ -305,3 +305,12 @@ a[href].tag:visited {
 .vs5 > * + * {
   margin-top: 4rem;
 }
+
+/* Negative margins */
+/* 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;
+}