<footer>
    <section>
        <nav class="socials nav-navs">
            {%- if config.extra.socials %}
                <ul>
                    {%- if config.generate_feed and config.extra.feed_icon -%}
                    <li>
                        <a rel="noopener noreferrer" target="_blank" class="nav-links no-hover-padding social" href={{ get_url(path=config.feed_filename, lang=lang, trailing_slash=false) | safe }}>
                        <img alt="atom/rss feed" title="atom/rss feed" src="{{config.base_url}}/social_icons/rss.svg">
                        </a>
                    </li>
                    {%- endif -%}
                    {% 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>{%- if lang != config.default_language %} {{ trans(key="powered_by" | safe, lang=lang) }} {% else %} Powered by {% endif %} <a href="https://www.getzola.org" target="_blank">Zola</a> {%- if lang != config.default_language %} {{ trans(key="and" | safe, lang=lang) }} {% else %} & {% endif %} <a href="https://github.com/welpo/tabi" target="_blank">tabi</a></small>
        </div>
    </section>
</footer>
