Update social aspects of site (#53)

Reorder Social Icons for better UX. Additional Communities added.

5 files changed, 268 insertions, 207 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index c32c7d9..eab1da9 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -9,143 +9,156 @@ googleAnalytics = ""
 pluralizeListTitles = false
 
 [params]
-    # Sets the meta tag description, usually reserved for the main page
-    description          = "HTML5 UP theme, Future Imperfect with some extra goodies, ported by Julio Pescador. Powered by Hugo"
-    # This will appear on the top left of the navigation bar
-    navbarTitle          = "Future Imperfect"
-    # set this to the section name if section is not post
-    viewMorePostLink     = "/blog/"
+  # Sets the meta tag description
+  description          = "HTML5 UP theme, Future Imperfect with some extra goodies, ported by Julio Pescador. Powered by Hugo"
+  # Sets the navbarTitle that appears in the top left of the navigation bar
+  navbarTitle          = "Future Imperfect"
+  # Sets where "View More Posts" links
+  viewMorePostLink     = "/blog/"
 
 # Optional Params
-    # This will match the navbarTitle to the section of the website
-    dynamicTitles        = true
-    # RSS icon that appear on the sidebar, next to the social media buttons
-    rssAppearAtTop       = true
-    rssAppearAtBottom    = true
-    # Social media buttons that appear on the sidebar
-    socialAppearAtTop    = true
-    socialAppearAtBottom = true
-    categoriesByCount    = true
-    includeReadingTime   = true
-    # The set of favicons used are based on the write-up from this link:
-    # https://github.com/audreyr/favicon-cheat-sheet
-    # Please see the favicon partial template for more information
-    loadFavicon          = false
-    faviconVersion       = ""
-
-    # Disable showing the social sharing links on blog posts
-    socialShareDisabled = false
-
-    # Load custom CSS or JavaScript files. The variable is an array so that you
-    # can load multiple files if necessary. You can also load the standard theme
-    # files by adding the value, "default".
-    # customCSS            = ["default", "/path/to/file"]
-    # customJS             = ["default", "/path/to/file"]
-
-    customCSS            = ["default"]
-    customJS             = ["default"]
-
-# Disqus will take priority over staticman due to its ease of use. Feel free to check out both and decide.
+  # Sets navbarTitle to match the section of the website
+  dynamicTitles        = true
+  # Sets RSS icons to appear on the sidebar with the social media buttons
+  rssAppearAtTop       = true
+  rssAppearAtBottom    = true
+  # Sets Social Media icons to appear on the sidebar
+  socialAppearAtTop    = true
+  socialAppearAtBottom = true
+  # Sets Categories to sort by number of posts instead of alphabetical
+  categoriesByCount    = true
+  # Sets Estimated Reading Time to appear in post headers
+  includeReadingTime   = true
+  # Sets the Favicon and Version for the site. Default support is for
+  # apple-touch-icon-precomposed.png, favicon.png, favicon.ico, and mstile.png.
+  # These are stored in the favicon folder. See the following for more information:
+  # https://github.com/audreyr/favicon-cheat-sheet
+  loadFavicon          = false
+  faviconVersion       = ""
+  # Sets Social Share links to appear on posts
+  socialShare          = true
+  # Load custom CSS or JavaScript files. The variable is an array so that you
+  # can load multiple files if necessary. You can also load the standard theme
+  # files by adding the value, "default".
+  # customCSS            = ["default", "/path/to/file"]
+  # customJS             = ["default", "/path/to/file"]
+  customCSS            = ["default"]
+  customJS             = ["default"]
+
+# Disqus will take priority over Staticman (github.com/eduardoboucas/staticman)
+# due to its ease of use. Feel free to check out both and decide what you would
+# prefer to use. See Staticman.yml for additional settings.
 [params.staticman]
-    staticman = false
-    username  = ""
-    repo      = ""
-    branch    = ""
-
-# parms.intro will appear on the sidebar
-# This is optional, but it's suggested to use
+  # Sets Statiman to be active
+  staticman = false
+  # Sets the location for Staticman to connect to
+  username  = ""
+  repo      = ""
+  branch    = ""
+
+  # These are optional params related to the sidebar. They are recommended, but not
+  # required for proper functionality. HTML is supported within the params.
 [params.intro]
-    header    = "Hugo Future Imperfect"
+  header    = "Hugo Future Imperfect"
 
-    paragraph = "Another fine responsive site template by <a href=\"http://html5up.net\">HTML5 UP</a>. Ported by Julio Pescador with some extra goodies <i class='fa fa-hand-peace-o'></i>"
+  paragraph = "Another fine responsive site template by <a href=\"http://html5up.net\">HTML5 UP</a>. Ported by Julio Pescador with some extra goodies <i class='fa fa-hand-peace-o'></i>"
 
-    about     = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tellus lacus, auctor vehicula molestie quis, tempor quis velit. Quisque in quam ac leo efficitur vulputate. Phasellus ullamcorper aliquam sodales. Maecenas sit amet condimentum ipsum. Proin sit amet ligula elit. Mauris."
+  about     = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tellus lacus, auctor vehicula molestie quis, tempor quis velit. Quisque in quam ac leo efficitur vulputate. Phasellus ullamcorper aliquam sodales. Maecenas sit amet condimentum ipsum. Proin sit amet ligula elit. Mauris."
 
-# This will also appear on the sidebar.
-# A width of less than 100px is recommended
-# This is optional
-[params.intro.pic]
+  # This appears at the top of the sidebar above params.intro.header.
+  # A width of less than 100px is recommended from a design perspective.
+  [params.intro.pic]
     src       = "/img/main/logo.jpg"
-    # modify your picture in the shape of a circle or
-    # future imperfect's hexagonal shape
+    # Sets Image to be a cirlce
     circle    = false
+    # Sets Image to be Future Imperfect's hexagon
     imperfect = true
     width     = ""
     alt       = "Hugo Future Imperfect"
 
-# Adjust the amount of recent posts on the sidebar.
-# This is optional. The default value 5 will be used
 [params.postAmount]
-    sidebar = 2
-
-# Set up your menu items in the navigation bar
-# You can use identifier to prepend a font awesome icon to your text
+# Sets the number of recent posts to show in the sidebar. The default value is 5.
+    sidebar = 5
 
+# Sets the menu items in the navigation bar
+# Identifier prepends a Font Awesome icon to the menu item
 [[menu.main]]
-    name = "Home"
-    url = "/"
-    identifier = "fa fa-home"
-    weight = 1
+  name = "Home"
+  url = "/"
+  identifier = "fa fa-home"
+  weight = 1
 
 [[menu.main]]
-    name = "About"
-    url = "/about/"
-    identifier = "fa fa-id-card-o"
-    weight = 2
+  name = "About"
+  url = "/about/"
+  identifier = "fa fa-id-card-o"
+  weight = 2
 
 [[menu.main]]
-    name = "Blog"
-    url = "/blog/"
-    identifier = "fa fa-newspaper-o"
-    weight = 3
+  name = "Blog"
+  url = "/blog/"
+  identifier = "fa fa-newspaper-o"
+  weight = 3
 
 [[menu.main]]
-    name = "Itemized"
-    url = "/itemized/"
-    identifier = "fa fa-list"
-    weight = 4
+  name = "Itemized"
+  url = "/itemized/"
+  identifier = "fa fa-list"
+  weight = 4
 
 [[menu.main]]
-    name = "Categories"
-    url = "/categories/"
-    identifier = "fa fa-sitemap"
-    weight = 5
+  name = "Categories"
+  url = "/categories/"
+  identifier = "fa fa-sitemap"
+  weight = 5
 
 [[menu.main]]
-    name = "Contact"
-    url = "/contact/"
-    identifier = "fa fa-envelope-o"
-    weight = 6
-
-# Insert your username and the icon will apear on the page as long as
-# socialAppearAtTop or socialAppearAtBottom is set to true in the params area
-# The social media icons will appear on the sidebar
+  name = "Contact"
+  url = "/contact/"
+  identifier = "fa fa-envelope-o"
+  weight = 6
+
+# Sets Social Media icons to appear and link to your account. Value should be your
+# username unless otherwise noted. These are the icons affected by socialAppearAtTop
+# and socialAppearAtBottom.
 [social]
-    github          = "jpescador"
-    bitbucket       = ""
-    jsfiddle        = ""
-    codepen         = ""
-    foursquare      = ""
-    dribbble        = ""
-    deviantart      = ""
-    behance         = ""
-    flickr          = ""
-    instagram       = ""
-    youtube         = ""
-    vimeo           = ""
-    vine            = ""
-    medium          = ""
-    wordpress       = ""
-    tumblr          = ""
-    xing            = ""
-    linkedin        = ""
-    slideshare      = ""
-    stackoverflow   = ""
-    reddit          = ""
-    pinterest       = ""
-    googleplus      = ""
-    facebook        = ""
-    facebook_admin  = ""
-    twitter_domain  = ""
-    twitter         = "julio_pescador"
-    email           = ""
+  # Coding Communities
+  github          = "jpescador/hugo-future-imperfect"
+  gitlab          = ""
+  stackoverflow   = "" # User Number
+  bitbucket       = ""
+  jsfiddle        = ""
+  codepen         = ""
+  # Visual Art Communities
+  deviantart      = ""
+  flickr          = "example"
+  behance         = ""
+  dribbble        = ""
+  # Publishing Communities
+  wordpress       = ""
+  medium          = ""
+  # Professional/Business Oriented Communities
+  linkedin        = "example"
+  foursquare      = ""
+  xing            = ""
+  slideshare      = ""
+  # Social Networks
+  facebook        = "example"
+  googleplus      = ""
+  reddit          = "example"
+  youtube         = ""
+  vimeo           = ""
+  whatsapp        = "" # WhatsApp Number
+    # WeChat and QQ need testing.
+    wechat          = ""
+    qq              = "" # User ID Number
+  instagram       = "example"
+  tumblr          = ""
+  twitter         = "example"
+  skype           = ""
+  snapchat        = ""
+  pinterest       = "example"
+  telegram        = "example"
+  vine            = ""
+  # Email
+  email           = "example"
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" }}