Added View Code buttons to Tutorials

Fixed Issue #654.
Added View Code button and adjusted proper SASS.
Added GitHub url to config.yml to generate View Code link.

Author: MarcoCornejo

_config.yml

@@ -7,9 +7,11 @@
 #
 
 
-
 # --- Site Settings ---
 
+# Github url
+github_url: https://github.com/CodingTrain/website
+
 # The site's title.
 title: The Coding Train // Code Repository
 

_jekyll/layouts/video.html

@@ -55,7 +55,8 @@
         {% capture live_example_url %}/{{ page.collection }}{{ page.live_example | default: page.repository }}{% endcapture %}
 
         <div class="code-actions">
-          <a href="{% if page.repository == false %}#{% else %}{{ site.github_download_prefix | append: site.github.repository_url | append: '/tree/' | append: site.github.source.branch | append: '/' | append: page.collection | append: page.repository }}{% endif %}" target="blank" class="{% if page.repository == false %}disabled{% endif %}">Get the Code</a>
+          <a href="{% if page.repository == false %}#{% else %}{{ site.github_url | append: '/tree/master/' | append: page.collection | append: page.repository }}{% endif %}" target="blank" class="{% if page.repository == false %}disabled{% endif %}">View Code</a>
+          <a href="{% if page.repository == false %}#{% else %}{{ site.github_download_prefix | append: site.github.repository_url | append: '/tree/' | append: site.github.source.branch | append: '/' | append: page.collection | append: page.repository }}{% endif %}" target="blank" class="{% if page.repository == false %}disabled{% endif %}">Download Code</a>
           <a href="{% if page.live_example == false %}#{% else %}{{ live_example_url | relative_url }}{% endif %}" target="blank" class="{% if page.live_example == false %}disabled{% endif %}">Live Example</a>
         </div>
 

assets/css/3-layouts/_video.sass

@@ -16,7 +16,7 @@
     > div
       flex-basis: calc(50% - 2em)
       margin: 2em 0
-      
+
       @media (max-width: $tablet-big)
         flex-basis: auto
         margin: 1em 0
@@ -45,7 +45,7 @@
           @extend .cta-button
           background: $ct-purple
           color: #FFF
-        
+
           &.watch-all-videos
             flex-grow: 2
             margin: auto 0.5em
@@ -72,9 +72,7 @@
           flex: 1
           background: $ct-purple
           color: #FFF
-
-          &:first-child
-            margin-right: 0.5em
+          margin-right: 0.5em
 
           &.disabled
             background: lighten($ct-purple, 15%)