iamkonstantin/iamkonstantin_web/templates/includes/footer.html
2024-10-05 23:46:29 +02:00

44 lines
No EOL
2 KiB
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>