add repo links to pages

Author: ShMcK

_layouts/page.html

@@ -7,6 +7,11 @@
     <header>
         <h2>{{ page.title }}</h2>
         <p>{{ page.tagline }}</p>
+        {% if page.repo %}
+          <a target="_blank" href="{{ page.repo }}" class="icon fa-github fa-2x">
+            <span class="label">{{ page.title }} repo</span>
+          </a>
+        {% endif %}
     </header>
 
     <section class="wrapper style5">

_sass/_custom.scss

@@ -2,3 +2,7 @@
   padding-top: 75px;
   padding-bottom: 75px;
 }
+
+.fa-2x:hover {
+  opacity: 0.85;
+}

atom-coderoad.html

@@ -2,6 +2,7 @@
 layout: page
 title: Atom-CodeRoad
 tagline: Play Interactive Tutorials
+repo: //github.com/coderoad/atom-coderoad
 ---
 
 {% for doc in site.categories.atom-coderoad reversed %}

builder-coderoad.html

@@ -2,6 +2,7 @@
 layout: page
 title: Builder-CodeRoad
 tagline: Create Interactive Tutorials
+repo: //github.com/coderoad/builder-coderoad
 ---
 
 {% for doc in site.categories.builder-coderoad reversed %}