{% assign iconsBaseUrl = '/assets/icons/' | relative_url %}

{% assign title = page.title | url_encode %} {% assign description = page.content | strip_html | truncatewords: 10, '' | url_encode %} {% assign url = page.url | relative_url | prepend: site.url %}

{% if page.image %}

{% assign image = page.image | relative_url | prepend: site.url %}

{% endif %}

{% capture twitterShareUrl %}twitter.com/intent/tweet?url={{ url }}&text={{ description }}{% endcapture %} {% capture facebookShareUrl %}www.facebook.com/sharer/sharer.php?u={{ url }}{% endcapture %} {% capture linkedinShareUrl %}www.linkedin.com/sharing/share-offsite/?url={{ url }}{% endcapture %} {% capture stumbleuponShareUrl %}mix.com/add?url={{ url }}{% endcapture %} {% capture deliciousShareUrl %}del.icio.us/post?url={{ url }}&title={{ title }}{% endcapture %} {% capture diggShareUrl %}www.digg.com/submit?url={{ url }}{% endcapture %} {% capture redditShareUrl %}www.reddit.com/submit?url={{ url }}&title={{ title }}{% endcapture %} {% capture pinterestShareUrl %}www.pinterest.com/pin/create/button/?url={{ url }}&title={{ title }}&description={{ description }}{% if image %}&media={{ image }}{% endif %}{% endcapture %}

{% if page.sharing %}

{% assign sharing = page.sharing %}

{% else %}

{% assign sharing = site.data.sharing %}

{% endif %}

{% if sharing.text %}

{% assign h3Text = sharing.text %}

{% else %}

{% assign h3Text = 'Share on:' %}

{% endif %}

{% if sharing.align %}

{% assign align = sharing.align %}

{% else %}

{% assign align = 'left' %}

{% endif %}

{% capture alignClass %} –{{ align }}{% endcapture %}

<div class=“pan-sharing{{ alignClass }}”>

<h3 class="pan-sharing__title">{{ h3Text }}</h3>
<div class="pan-sharing__icons">
  <a target="_blank" href="{{ twitterShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'twitter.png' }}" title="Twitter" alt="Twitter">
  </a>
  <a target="_blank" href="{{ facebookShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'facebook.png' }}" title="Facebook" alt="Facebook">
  </a>
  <a target="_blank" href="{{ linkedinShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'linkedin.png' }}" title="LinkedIn" alt="LinkedIn">
  </a>
  <a target="_blank" href="{{ stumbleuponShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'stumbleupon.png' }}" title="StumbleUpon" alt="StumbleUpon">
  </a>
  <a target="_blank" href="{{ deliciousShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'delicious.png' }}" title="Delicious" alt="Delicious">
  </a>
  <a target="_blank" href="{{ diggShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'digg.png' }}" title="Digg" alt="Digg">
  </a>
  <a target="_blank" href="{{ redditShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'reddit.png' }}" title="Reddit" alt="Reddit">
  </a>
  <a target="_blank" href="{{ pinterestShareUrl }}">
    <img src="{{ iconsBaseUrl | append: 'pinterest.png' }}" title="Pinterest" alt="Pinterest">
  </a>
</div>

</div>