Changeset View
Changeset View
Standalone View
Standalone View
_includes/social-share.html
<!-- Check if any share-links are active --> | <!-- Check if any share-links are active --> | ||||
{% assign any-share-links = false %} | {% assign any-share-links = false %} | ||||
{% for links in site.share-links-active %} | {% for links in site.share-links-active %} | ||||
{% if links[1] == true %} | {% if links[1] == true %} | ||||
{% assign any-share-links = true %} | {% assign any-share-links = true %} | ||||
{% endif %} | {% endif %} | ||||
{% endfor %} | {% endfor %} | ||||
{% if any-share-links %} | {% if any-share-links %} | ||||
<section id = "social-share-section"> | <section id = "social-share-section"> | ||||
<span class="sr-only">Share: </span> | <span class="sr-only">Share: </span> | ||||
{% if site.share-links-active.twitter %} | {% if site.share-links-active.twitter %} | ||||
<!--- Share on Twitter --> | <!--- Share on Twitter --> | ||||
<a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}" | <a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}" | ||||
class="btn btn-social-icon btn-twitter" title="Share on Twitter"> | class="btn btn-social-icon btn-twitter" title="Share on Twitter"> | ||||
<span class="fa fa-fw fa-twitter" aria-hidden="true"></span> | <span class="fab fa-fw fa-twitter" aria-hidden="true"></span> | ||||
<span class="sr-only">Twitter</span> | <span class="sr-only">Twitter</span> | ||||
</a> | </a> | ||||
{% endif %} | {% endif %} | ||||
{% if site.share-links-active.facebook %} | {% if site.share-links-active.facebook %} | ||||
<!--- Share on Facebook --> | <!--- Share on Facebook --> | ||||
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" | <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" | ||||
class="btn btn-social-icon btn-facebook" title="Share on Facebook"> | class="btn btn-social-icon btn-facebook" title="Share on Facebook"> | ||||
<span class="fa fa-fw fa-facebook" aria-hidden="true"></span> | <span class="fab fa-fw fa-facebook" aria-hidden="true"></span> | ||||
<span class="sr-only">Facebook</span> | <span class="sr-only">Facebook</span> | ||||
</a> | </a> | ||||
{% endif %} | {% endif %} | ||||
{% if site.share-links-active.google %} | {% if site.share-links-active.google %} | ||||
<!--- Share on Google Plus --> | <!--- Share on Google Plus --> | ||||
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" | <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" | ||||
class="btn btn-social-icon btn-google" title="Share on Google+"> | class="btn btn-social-icon btn-google" title="Share on Google+"> | ||||
<span class="fa fa-fw fa-google-plus" aria-hidden="true"></span> | <span class="fab fa-fw fa-google-plus" aria-hidden="true"></span> | ||||
<span class="sr-only">Google+</span> | <span class="sr-only">Google+</span> | ||||
</a> | </a> | ||||
{% endif %} | {% endif %} | ||||
{% if site.share-links-active.linkedin %} | {% if site.share-links-active.linkedin %} | ||||
<!--- Share on LinkedIn --> | <!--- Share on LinkedIn --> | ||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" | <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}" | ||||
class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn"> | class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn"> | ||||
<span class="fa fa-fw fa-linkedin" aria-hidden="true"></span> | <span class="fab fa-fw fa-linkedin" aria-hidden="true"></span> | ||||
<span class="sr-only">LinkedIn</span> | <span class="sr-only">LinkedIn</span> | ||||
</a> | </a> | ||||
{% endif %} | {% endif %} | ||||
</section> | </section> | ||||
{% endif %} | {% endif %} |