{% load navigation_tags %}

<footer class="flex flex-col items-center w-full max-w-7xl px-0 md:px-4 lg:px-8">
    <p>Created in <span class="emoji">🇪🇺</span> by <a href="https://social.headbright.eu/@konstantin">Konstantin</a></p>

    <nav>
        {% with linkedin_url=settings.base.NavigationSettings.linkedin_url github_url=settings.base.NavigationSettings.github_url mastodon_url=settings.base.NavigationSettings.mastodon_url %}
            {% if linkedin_url or github_url or mastodon_url %}
                <ul class="flex space-x-8">
                    {% if mastodon_url %}
                        <li><a href="{{ mastodon_url }}"><span class="emoji">🐘</span> Mastodon</a></li>
                    {% endif %}
                    {% if github_url %}
                        <li><a href="{{ github_url }}"><span class="emoji">🔬</span> GitHub</a></li>
                    {% endif %}
                    {% if linkedin_url %}
                        <li><a href="{{ linkedin_url }}"><span class="emoji">💼</span> LinkedIn</a></li>
                    {% endif %}
                </ul>
            {% endif %}
        {% endwith %}
    </nav>

    {% get_footer_text %}
</footer>