<footer>
    <section>
        <nav class="socials nav-navs">
            {%- if config.extra.socials %}
                <ul>
                    {% for social in config.extra.socials %}
                        <li>
                            <a rel="noopener noreferrer" target="_blank" class="nav-links no-hover-padding social" href={{ social.url | safe | replace(from="$BASE_URL", to=config.base_url) }}>
                                <img alt={{ social.name }} title={{ social.name }} src="{{config.base_url}}/social_icons/{{ social.icon }}.svg">
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        </nav>
        <div class="credits">
            <small>Powered by <a href="https://www.getzola.org" target="_blank">Zola</a> & <a href="https://github.com/welpo/tabi" target="_blank">tabi</a></small>
        </div>
    </section>
</footer>
