{% comment %}
Social media icons are dynamically rendered based on the contents of _data/social-media.yml
{% endcomment %}

<div class="row justify-content-center">
    {%- for icon in site.data.social-media.links -%}
        <a class="col social-button" href="{{ icon.url }}" target="_blank" rel="noopener noreferrer">
            <i class="{{ icon.style.fa-classes | join: " " }} p-3" title="{{ icon.name }}"
               style="color:#{{ icon.style.color-primary }};"></i>
        </a>
    {%- endfor -%}
</div>