Merge pull request #1 from jms/share-links

added social share links

exampleSite/config.toml

@@ -23,6 +23,7 @@ pygmentsCodefencesGuessSyntax = true
   comments = true
   readingTime = true
   useHLJS = true
+  socialShare = true
 #  gcse = "012345678901234567890:abcdefghijk" # Get your code from google.com/cse. Make sure to go to "Look and Feel" and change Layout to "Full Width" and Theme to "Classic"
 
 #[[Params.bigimg]]

layouts/_default/single.html

@@ -4,6 +4,14 @@
     <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
       <article role="main" class="blog-post">
         {{ .Content }}
+        {{ if .Site.Params.socialShare }}
+            <hr/>
+            <section id="social-share">
+              <ul class="list-inline footer-links">
+                {{ partial "share-links" . }}
+              </ul>
+            </section>
+        {{ end }}
       </article>
 
       {{ if ne .Type "page" }}

layouts/partials/share-links.html

@@ -0,0 +1,75 @@
+<!-- Social Share Button HTML -->
+
+<!-- Twitter -->
+<li>
+    <a href="//twitter.com/share?url={{ .Permalink }}&amp;text={{ .Title }}&amp;via={{ .Site.Author.twitter }}"
+       target="_blank" alt="">
+        <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>
+
+<!-- Google Plus -->
+<li>
+    <a href="//plus.google.com/share?url={{ .Permalink }}" target="_blank" class="share-btn google-plus">
+         <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>
+
+<!-- Facebook -->
+<li>
+    <a href="//www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank">
+        <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>
+
+<!-- Reddit -->
+<li>
+    <a href="//reddit.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" class="share-btn reddit">
+         <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-reddit fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>
+
+<!-- LinkedIn -->
+<li>
+    <a href="//www.linkedin.com/shareArticle?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank"
+       class="share-btn linkedin">
+         <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>
+
+<!-- StumbleUpon -->
+<li>
+    <a href="//www.stumbleupon.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank"
+       class="share-btn stumbleupon">
+        <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-stumbleupon fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>
+
+<!-- Pintrest -->
+<li>
+    <a href="//www.pinterest.com/pin/create/button/?url={{ .Permalink }}&amp;description={{ .Title }}" target="_blank"
+       class="share-btn pinterest">
+         <span class="fa-stack fa-lg">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-pinterest fa-stack-1x fa-inverse"></i>
+              </span>
+    </a>
+</li>