{% if page.share == true %}

<div class="share-bar">
  <ul class="share-buttons">
    {% if site.share.facebook %}
      <li class="share-facebook">
          <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url | append: page.url}}"
             target="_blank" title="Share on Facebook">
            <span class="fa-layers fa-fw fa-2x">
                <i class="far fa-square"></i>
                <i class="fab fa-facebook-f" data-fa-transform="shrink-8"></i>
            </span>
          </a>
      </li>
    {% endif %}

    {% if site.share.twitter %}
    <li class="share-twitter">
      <a href="https://twitter.com/intent/tweet?url={{ site.url | append: page.url }}&text={{page.title}}" target="_blank" title="Tweet">
        <span class="fa-layers fa-fw fa-2x">
            <i class="far fa-circle"></i>
            <i class="fab fa-twitter" data-fa-transform="shrink-8"></i>
        </span>
      </a>
    </li>
    {% endif %}

    {% if site.share.gplus %}
    <li class="share-google-plus">
      <a href="https://plus.google.com/share?url={{ site.url | append: page.url}}" target="_blank" title="Share on Google Plus">
        <span class="fa-layers fa-fw fa-2x">
            <i class="far fa-circle"></i>
            <i class="fab fa-google-plus-g" data-fa-transform="shrink-8"></i>
        </span>
      </a>
    </li>
    {% endif %}

    {% if site.share.linkedin %}
    <li class="share-linkedin">
      <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ site.url | append: page.url }}&title={{page.title}}&summary={{page.description}}&source=" target="_blank" title="Share on LinkedIn">
        <span class="fa-layers fa-fw fa-2x">
            <i class="far fa-circle"></i>
            <i class="fab fa-linkedin-in" data-fa-transform="shrink-8"></i>
        </span>
      </a>
    </li>
    {% endif %}

    {% if site.share.pinterest %}
    <li class="share-pinterest">
      <a href="http://pinterest.com/pin/create/button/?url{{ site.url | append: page.url }}=&description={{page.description}}" target="_blank" title="Pin it">
        <span class="fa-layers fa-fw fa-2x">
            <i class="far fa-circle"></i>
            <i class="fab fa-pinterest-p" data-fa-transform="shrink-8"></i>
        </span>
      </a>
    </li>
    {% endif %}

    {% if site.share.email %}
    <li class="share-envelope">
      <a href="mailto:?&subject={{page.title}}&body={{page.description | append: ' ' | append: site.url | append: page.url}}" target="_blank" title="Email">
        <span class="fa-layers fa-fw fa-2x">
            <i class="far fa-circle"></i>
            <i class="far fa-envelope" data-fa-transform="shrink-8"></i>
        </span>
      </a>
    </li>
    {% endif %}

  </ul>
</div>
{% endif %}