Social button sharing

_includes/share-pages.html

@@ -0,0 +1,7 @@
+<br>
+<div class="share-page">
+    Share this on &rarr;
+    <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">Twitter</a>
+    <a href="https://facebook.com/sharer.php?u={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Facebook">Facebook</a>
+    <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">Google+</a>
+</div>

_layouts/post.html

@@ -13,5 +13,6 @@ layout: default
     Written on {{ page.date | date: "%B %e, %Y" }}
   </div>
 
+  {% include share-pages.html %}
   {% include disqus.html %}
 </article>

_sass/_share-pages.scss

@@ -0,0 +1,18 @@
+.share-page {
+    text-align: center;
+    background: $lightGray;
+    color: $black;
+    padding: 8px 15px;
+    border-radius: 5px;
+    margin: 1.5 * 1 0;
+
+    a {
+        font-weight: 700;
+        color: $blue;
+        margin-left: 10px;
+
+        &:hover {
+            border-bottom: 1px dashed #fff;
+        }
+    }
+}

style.scss

@@ -286,4 +286,5 @@ footer {
 // Settled on moving the import of syntax highlighting to the bottom of the CSS
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
 @import "highlights";
+@import "share-pages";
 @import "svg-icons";