Update social aspects of site (#53)

Reorder Social Icons for better UX. Additional Communities added.

4 files changed, 142 insertions, 94 deletions

diff --git a/layouts/itemized/content-single.html b/layouts/itemized/content-single.html
index 4c3a2b0..b047740 100644
--- a/layouts/itemized/content-single.html
+++ b/layouts/itemized/content-single.html
@@ -1,23 +1,21 @@
 <article class="post">
-    {{ .Render "header" }}
+  {{ .Render "header" }}
 
-    {{ if not .Site.Params.socialShareDisabled }}
+  {{ if .Site.Params.socialShare }}
     <section id="social-share">
-        <ul class="icons">
-            {{ partial "share-links" . }}
-        </ul>
+      <ul class="icons">
+        {{ partial "share-links" . }}
+      </ul>
     </section>
-    {{ end }}
+  {{ end }}
 
-    {{ .Render "featured" }}
-    <div id="content">
-        {{ .Content }}
-    </div>
+  {{ .Render "featured" }}
+  <div id="content">
+    {{ .Content }}
+  </div>
 
-    <footer>
-        {{ .Render "footer-category" }}
-    </footer>
+  <footer>
+    {{ .Render "footer-category" }}
+  </footer>
 </article>
 {{ .Render "prev-next" }}
-
-{{ partials "comments" }}
diff --git a/layouts/partials/share-links.html b/layouts/partials/share-links.html
index 9d5790d..9e2ef03 100644
--- a/layouts/partials/share-links.html
+++ b/layouts/partials/share-links.html
@@ -1,43 +1,65 @@
 <!-- Social Share Button HTML -->
 
 <!-- Twitter -->
-<li><a href="//twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{ .Site.Social.twitter }}" target="_blank" class="share-btn twitter">
+<li>
+  <a href="//twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{ .Site.Social.twitter }}" target="_blank" class="share-btn twitter">
     <i class="fa fa-twitter"></i>
     <p>Twitter</p>
-</a></li>
+    </a>
+</li>
 
 <!-- Google Plus -->
-<li><a href="//plus.google.com/share?url={{ .Permalink }}" target="_blank" class="share-btn google-plus">
+<li>
+  <a href="//plus.google.com/share?url={{ .Permalink }}" target="_blank" class="share-btn google-plus">
     <i class="fa fa-google-plus"></i>
     <p>Google+</p>
-</a></li>
+  </a>
+</li>
 
 <!-- Facebook -->
-<li><a href="//www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" class="share-btn facebook">
+<li>
+  <a href="//www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" class="share-btn facebook">
     <i class="fa fa-facebook"></i>
     <p>Facebook</p>
-</a></li>
+    </a>
+</li>
 
-<!-- Reddit (url, title) -->
-<li><a href="//reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank" class="share-btn reddit">
+<!-- Reddit -->
+<li>
+  <a href="//reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank" class="share-btn reddit">
     <i class="fa fa-reddit-alien"></i>
     <p>Reddit</p>
-</a></li>
+  </a>
+</li>
 
 <!-- LinkedIn -->
-<li><a href="//www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank" class="share-btn linkedin">
-    <i class="fa fa-linkedin"></i>
-    <p>LinkedIn</p>
-</a></li>
+<li>
+  <a href="//www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank" class="share-btn linkedin">
+      <i class="fa fa-linkedin"></i>
+      <p>LinkedIn</p>
+    </a>
+</li>
 
-<!-- StumbleUpon (url, title) -->
-<li><a href="//www.stumbleupon.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank" class="share-btn stumbleupon">
+<!-- StumbleUpon -->
+<li>
+  <a href="//www.stumbleupon.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank" class="share-btn stumbleupon">
     <i class="fa fa-stumbleupon"></i>
     <p>StumbleUpon</p>
-</a></li>
+  </a>
+</li>
+
+<!-- Pintrest -->
+<li>
+  <a href="//www.pinterest.com/pin/create/button/?url={{ .Permalink }}&description={{ .Title }}" target="_blank" class="share-btn pinterest">
+    <i class="fa fa-pinterest-p"></i>
+    <p>Pinterest</p>
+  </a>
+</li>
 
 <!-- Email -->
-<li><a href="mailto:?subject=Check out this post by {{ .Params.author }}&body={{ .Permalink }}" target="_blank" class="share-btn email">
+<li>
+  <a href="mailto:?subject=Check out this post by {{ .Params.author }}&body={{ .Permalink }}" target="_blank" class="share-btn email">
     <i class="fa fa-envelope"></i>
     <p>Email</p>
-</a></li>
+  </a>
+</li>
diff --git a/layouts/partials/social.html b/layouts/partials/social.html
index 9b7b8f6..3a10b86 100644
--- a/layouts/partials/social.html
+++ b/layouts/partials/social.html
@@ -1,103 +1,133 @@
 {{ with .Site.Social.github }}
-<li><a href="//github.com/{{.}}" target="_blank" title="GitHub" class="fa fa-github"></a></li>
+  <li><a href="//github.com/{{.}}" target="_blank" title="GitHub" class="fa fa-github"></a></li>
+{{ end }}
+
+{{ with .Site.Social.gitlab }}
+  <li><a href="//gitlab.com/{{.}}" target="_blank" title="GitLab" class="fa fa-gitlab"></a></li>
+{{ end }}
+
+{{ with .Site.Social.stackoverflow }}
+  <li><a href="//stackoverflow.com/users/{{.}}" target="_blank" title="Stack Overflow" class="fa fa-stack-overflow"></a></li>
 {{ end }}
 
 {{ with .Site.Social.bitbucket }}
-<li><a href="//bitbucket.com/{{.}}" target="_blank" title="Bitbucket" class="fa fa-bitbucket"></a></li>
+  <li><a href="//bitbucket.com/{{.}}" target="_blank" title="Bitbucket" class="fa fa-bitbucket"></a></li>
 {{ end }}
 
 {{ with .Site.Social.jsfiddle }}
-<li><a href="//jsfiddle.com/{{.}}" target="_blank" title="JSFiddle" class="fa fa-jsfiddle"></a></li>
+  <li><a href="//jsfiddle.com/{{.}}" target="_blank" title="JSFiddle" class="fa fa-jsfiddle"></a></li>
 {{ end }}
 
 {{ with .Site.Social.codepen }}
-<li><a href="//codepen.io/{{.}}" target="_blank" title="CodePen" class="fa fa-codepen"></a></li>
+  <li><a href="//codepen.io/{{.}}" target="_blank" title="CodePen" class="fa fa-codepen"></a></li>
+{{ end }}
+
+{{ with .Site.Social.deviantart }}
+  <li><a href="//{{.}}.deviantart.com/" target="_blank" title="DeviantArt" class="fa fa-deviantart"></a></li>
+{{ end }}
+
+{{ with .Site.Social.flickr }}
+  <li><a href="//flickr.com/photos/{{.}}" target="_blank" title="Flickr" class="fa fa-flickr"></a></li>
+{{ end }}
+
+{{ with .Site.Social.behance }}
+  <li><a href="//behance.net/{{.}}" target="_blank" title="Behance" class="fa fa-behance"></a></li>
+{{ end }}
+
+{{ with .Site.Social.dribbble }}
+  <li><a href="//dribbble.com/{{.}}" target="_blank" title="Dribbble" class="fa fa-dribbble"></a></li>
+{{ end }}
+
+{{ with .Site.Social.wordpress }}
+  <li><a href="//{{.}}.wordpress.com" target="_blank" title="WordPress" class="fa fa-wordpress"></a></li>
+{{ end }}
+
+{{ with .Site.Social.medium}}
+  <li><a href="//medium.com/@{{.}}" target="_blank" title="Medium" class="fa fa-medium"></a></li>
+{{ end }}
+
+{{ with .Site.Social.linkedin }}
+  <li><a href="//linkedin.com/in/{{.}}" target="_blank" title="LinkedIn" class="fa fa-linkedin"></a></li>
 {{ end }}
 
 {{ with .Site.Social.foursquare }}
-<li><a href="//foursquare.com/{{.}}" target="_blank" title="Foursquare" class="fa fa-foursquare"></a></li>
+  <li><a href="//foursquare.com/{{.}}" target="_blank" title="Foursquare" class="fa fa-foursquare"></a></li>
 {{ end  }}
 
-{{ with .Site.Social.dribbble }}
-<li><a href="//dribbble.com/{{.}}" target="_blank" title="Dribbble" class="fa fa-dribbble"></a></li>
+{{ with .Site.Social.xing }}
+  <li><a href="//xing.com/profile/{{.}}" target="_blank" title="Xing" class="fa fa-xing"></a></li>
 {{ end }}
 
-{{ with .Site.Social.deviantart }}
-<li><a href="//{{.}}.deviantart.com/" target="_blank" title="DeviantArt" class="fa fa-deviantart"></a></li>
+{{ with .Site.Social.slideshare }}
+  <li><a href="//slideshare.com/{{.}}" target="_blank" title="SlideShare" class="fa fa-slideshare"></a></li>
 {{ end }}
 
-{{ with .Site.Social.behance }}
-<li><a href="//behance.net/{{.}}" target="_blank" title="Behance" class="fa fa-behance"></a></li>
+{{ with .Site.Social.facebook }}
+  <li><a href="//facebook.com/{{.}}" target="_blank" title="Facebook" class="fa fa-facebook"></a></li>
 {{ end }}
 
-{{ with .Site.Social.flickr }}
-<li><a href="//flickr.com/photos/{{.}}" target="_blank" title="Flickr" class="fa fa-flickr"></a></li>
+{{ with .Site.Social.googleplus }}
+  <li><a href="//plus.google.com/+{{.}}" target="_blank" title="Google+" class="fa fa-google-plus"></a></li>
 {{ end }}
 
-{{ with .Site.Social.instagram }}
-<li><a href="//instagram.com/{{.}}" target="_blank" title="Instagram" class="fa fa-instagram"></a></li>
+{{ with .Site.Social.reddit }}
+  <li><a href="//reddit.com/user/{{.}}" target="_blank" title="Reddit" class="fa fa-reddit"></a></li>
 {{ end }}
 
 {{ with .Site.Social.youtube }}
-<li><a href="//youtube.com/{{.}}" target="_blank" title="YouTube" class="fa fa-youtube"></a></li>
+  <li><a href="//youtube.com/{{.}}" target="_blank" title="YouTube" class="fa fa-youtube"></a></li>
 {{ end }}
 
 {{ with .Site.Social.vimeo }}
-<li><a href="//vimeo.com/{{.}}" target="_blank" title="Vimeo" class="fa fa-vimeo"></a></li>
+  <li><a href="//vimeo.com/{{.}}" target="_blank" title="Vimeo" class="fa fa-vimeo"></a></li>
 {{ end }}
 
-{{ with .Site.Social.vine }}
-<li><a href="//vine.co/{{.}}" target="_blank" title="Vine" class="fa fa-vine"></a></li>
+{{ with .Site.Social.whatsapp }}
+  <li><a href="//api.whatsapp.com/send?phone={{.}}" target="_blank" title="WhatsApp" class="fa fa-whatsapp"></a></li>
 {{ end }}
 
-{{ with .Site.Social.medium}}
-<li><a href="//medium.com/@{{.}}" target="_blank" title="Medium" class="fa fa-medium"></a></li>
-{{ end }}
+<!-- TODO: WeChat and QQ Check -->
 
-{{ with .Site.Social.wordpress }}
-<li><a href="//{{.}}.wordpress.com" target="_blank" title="WordPress" class="fa fa-wordpress"></a></li>
+{{ with .Site.Social.wechat }}
+  <li><a href="weixin://contacts/profile/{{.}}" target="_blank" title="WeChat" class="fa fa-weixin"></a></li>
 {{ end }}
 
-{{ with .Site.Social.tumblr }}
-<li><a href="//{{.}}.tumblr.com" target="_blank" title="Tumblr" class="fa fa-tumblr"></a></li>
+{{ with .Site.Social.qq }}
+  <li><a href="//wpa.qq.com/msgrd?v=3&uin={{.}}&site=qq&menu=yes" target="_blank" title="QQ" class="fa fa-qq"></a></li>
 {{ end }}
 
-{{ with .Site.Social.xing }}
-<li><a href="//xing.com/profile/{{.}}" target="_blank" title="Xing" class="fa fa-xing"></a></li>
+{{ with .Site.Social.instagram }}
+  <li><a href="//instagram.com/{{.}}" target="_blank" title="Instagram" class="fa fa-instagram"></a></li>
 {{ end }}
 
-{{ with .Site.Social.linkedin }}
-<li><a href="//linkedin.com/in/{{.}}" target="_blank" title="LinkedIn" class="fa fa-linkedin"></a></li>
+{{ with .Site.Social.tumblr }}
+  <li><a href="//{{.}}.tumblr.com" target="_blank" title="Tumblr" class="fa fa-tumblr"></a></li>
 {{ end }}
 
-{{ with .Site.Social.slideshare }}
-<li><a href="//slideshare.com/{{.}}" target="_blank" title="SlideShare" class="fa fa-slideshare"></a></li>
+{{ with .Site.Social.twitter }}
+  <li><a href="//twitter.com/{{.}}" target="_blank" title="Twitter" class="fa fa-twitter"></a></li>
 {{ end }}
 
-{{ with .Site.Social.stackoverflow }}
-<li><a href="//stackoverflow.com/users/{{.}}" target="_blank" title="Stack Overflow" class="fa fa-stack-overflow"></a></li>
+{{ with .Site.Social.skype }}
+  <li><a href="skype:{{.}}?userinfo" target="_blank" title="Skype" class="fa fa-skype"></a></li>
 {{ end }}
 
-{{ with .Site.Social.reddit }}
-<li><a href="//reddit.com/user/{{.}}" target="_blank" title="Reddit" class="fa fa-reddit"></a></li>
+{{ with .Site.Social.snapchat }}
+  <li><a href="//snapchat.com/add/{{.}}" target="_blank" title="snapchat" class="fa fa-snapchat"></a></li>
 {{ end }}
 
 {{ with .Site.Social.pinterest }}
-<li><a href="//pinterest.com/{{.}}" target="_blank" title="Pinterest" class="fa fa-pinterest"></a></li>
+  <li><a href="//pinterest.com/{{.}}" target="_blank" title="Pinterest" class="fa fa-pinterest-p"></a></li>
 {{ end }}
 
-{{ with .Site.Social.googleplus }}
-<li><a href="//plus.google.com/+{{.}}" target="_blank" title="Google+" class="fa fa-google-plus"></a></li>
-{{ end }}
-
-{{ with .Site.Social.facebook }}
-<li><a href="//facebook.com/{{.}}" target="_blank" title="Facebook" class="fa fa-facebook"></a></li>
+{{ with .Site.Social.telegram }}
+  <li><a href="//telegram.me/{{.}}" target="_blank" title="telegram" class="fa fa-telegram"></a></li>
 {{ end }}
 
-{{ with .Site.Social.twitter }}
-<li><a href="//twitter.com/{{.}}" target="_blank" title="Twitter" class="fa fa-twitter"></a></li>
+{{ with .Site.Social.vine }}
+  <li><a href="//vine.co/{{.}}" target="_blank" title="Vine" class="fa fa-vine"></a></li>
 {{ end }}
 
 {{ with .Site.Social.email }}
-<li><a href="mailto:{{.}}" title="Email" class="fa fa-envelope"></a></li>
+  <li><a href="mailto:{{.}}" title="Email" class="fa fa-envelope"></a></li>
 {{ end }}
diff --git a/layouts/post/content-single.html b/layouts/post/content-single.html
index 9504dbe..b047740 100644
--- a/layouts/post/content-single.html
+++ b/layouts/post/content-single.html
@@ -1,23 +1,21 @@
 <article class="post">
-    {{ .Render "header" }}
+  {{ .Render "header" }}
 
-    {{ if not .Site.Params.socialShareDisabled }}
+  {{ if .Site.Params.socialShare }}
     <section id="social-share">
-        <ul class="icons">
-            {{ partial "share-links" . }}
-        </ul>
+      <ul class="icons">
+        {{ partial "share-links" . }}
+      </ul>
     </section>
-    {{ end }}
+  {{ end }}
 
-    {{ .Render "featured" }}
-    <div id="content">
-        {{ .Content }}
-    </div>
+  {{ .Render "featured" }}
+  <div id="content">
+    {{ .Content }}
+  </div>
 
-    <footer>
-        {{ .Render "footer-category" }}
-    </footer>
+  <footer>
+    {{ .Render "footer-category" }}
+  </footer>
 </article>
 {{ .Render "prev-next" }}
-
-{{ .Render "comments" }}