{% load socialaccount %}
{% load staticfiles %}

{% get_providers as socialaccount_providers %}

{% for provider in socialaccount_providers %}

{% if provider.id == "openid" %}
{% for brand in provider.get_brands %}
<li>
    <a title="{{brand.name}}"
        class="socialaccount_provider {{provider.id}} {{brand.id}}"
        href="{% provider_login_url provider.id openid=brand.openid_url process=process %}">
        {{brand.name}}
    </a>
</li>
{% endfor %}
{% endif %}

<li>
    <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}"
        href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">

        {% if provider.id != 'orcid' %}
        <span class="fa fa-{{provider.id}} fa-2x"></span>
        {% else %}
        <span class="socialaccount_provider_name">{{ provider.name }}</span>
        {% endif %}
    </a>
</li>
{% endfor %}

{% load socialaccount %}
{% load staticfiles %}

{% get_providers as socialaccount_providers %}

{% for provider in socialaccount_providers %}

{% if provider.id == "openid" %}
{% for brand in provider.get_brands %}
<li>
    <a title="{{brand.name}}"
        class="socialaccount_provider {{provider.id}} {{brand.id}}"
        href="{% provider_login_url provider.id openid=brand.openid_url process=process %}">
        {{brand.name}}
    </a>
</li>
{% endfor %}
{% endif %}

<li>
    <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}"
        href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">

        {% if provider.id != 'orcid' %}
        <span class="fa fa-{{provider.id}} fa-2x"></span>
        {% else %}
        <img src="{% static 'accounts/img/orcid-signin.png' %}" alt="ORCID sign in" />
        {% endif %}
    </a>
</li>
{% endfor %}

Add ORCID sign in badge
Add ORCID sign in badge
