{% macro html(absolute_url, headline, social_headline="") %}
{% include './svg.html' %}

<div class="shares">
  <a class="shares__item"
     href="https://www.facebook.com/dialog/share?app_id=134435029966155&href={{ absolute_url }}"
     aria-label="Share this page on Facebook">
        <svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg>
  </a>
  <a class="shares__item"
     href="https://twitter.com/intent/tweet?url={{ absolute_url }}&text={% if social_headline %}{{ social_headline|urlencode }}{% else %}{{ headline|urlencode }}{% endif %}"
     aria-label="Share this page on Twitter">
        <svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg>
  </a>
  <a class="shares__item"
      href="mailto:?subject={% if social_headline %}{{ social_headline|urlencode }}{% else %}{{ headline|urlencode }}{% endif %}&body={{ absolute_url }}"
      aria-label="Share this page in an email">
        <svg class="icon icon-envelope"><use xlink:href="#icon-envelope"></use></svg>
  </a>
</div>
{% endmacro %}