{% if SHARIFF|default(false) %}

    <hr />

    <!-- Shariff Button BEGIN -->

    <div class="shariff"

        {% if SHARIFF_BACKEND_URL %}

        data-backend-url="{{ SHARIFF_BACKEND_URL }}"

        {% endif %}

        {% if SHARIFF_LANG %}

        data-lang="{{ SHARIFF_LANG }}"

        {% endif %}

        {% if SHARIFF_ORIENTATION|default('vertical') %}

        data-orientation="{{ SHARIFF_ORIENTATION }}"

        {% endif %}

        {% if SHARIFF_SERVICES %}

        data-services = "{{ SHARIFF_SERVICES }}"

        {% endif %}

        {% if SHARIFF_THEME %}

        data-theme="{{ SHARIFF_THEME }}"

        {% endif %}

        {% if SHARIFF_TWITTER_VIA|default(false) %}

        data-twitter-via="{{ TWITTER_USERNAME }}"

        {% endif %}

        data-url="{{ SITEURL }}/{{ article.url }}"></div>

    <!-- Shariff Button END -->

{% endif %}