iamkonstantin/iamkonstantin_web/templates/includes/footer.html

{% load navigation_tags %}

<footer class="mx-auto flex flex-col items-center w-full max-w-7xl px-0 md:px-4 lg:px-8">
    <p>Created and hosted with <span class="emoji" title="heart">💜</span> and <span class="emoji" title="cats">😻</span> in <span class="emoji" title="EU flag">🇪🇺</span></p>

    {% with linkedin_url=settings.base.NavigationSettings.linkedin_url github_url=settings.base.NavigationSettings.github_url mastodon_url=settings.base.NavigationSettings.mastodon_url bluesky_url=settings.base.NavigationSettings.bluesky_url threads_url=settings.base.NavigationSettings.threads_url %}
        {% if linkedin_url or github_url or mastodon_url or threads_url or bluesky_url %}
    <nav>

        <ul class="flex space-x-8">
                    {% if mastodon_url %}
                        <li><a href="{{ mastodon_url }}" rel="me"><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 %}
            {% if threads_url %}
                <li><a href="{{ threads_url }}" title="Threads" >
                    <img src="/static/images/threads-logo-black-01.png"
                         class="inline-block dark:hidden w-6 h-6"
                         alt="logo">

                    <img src="/static/images/threads-logo-white-01.png"
                         class="hidden dark:inline-block w-6 h-6"
                         alt="logo">
                </a></li>
            {% endif %}
            {% if bluesky_url %}
                <li><a href="{{ bluesky_url }}"><span class="emoji">🦋</span> Bluesky</a></li>
            {% endif %}
                </ul>

    </nav>
        {% endif %}
    {% endwith %}


    {% get_footer_text %}

<div class="h-3 w-full"></div>
</footer>