39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<div class="grid grid-cols-3 lg:grid-cols-6 gap-4 place-content-center">
|
|
{% for network in networks %}
|
|
<div class="w-full h-auto md:w-auto">
|
|
<div class="text-center">
|
|
<a
|
|
target="_blank"
|
|
href="{{ network.uri }}"
|
|
class="inline-flex bg-sky-900 hover:bg-sky-700 transition-all duration-200 text-white font-bold py-2 px-4 rounded-xl items-center"
|
|
>
|
|
{% match network.icon %}
|
|
|
|
{% when Icon::Email %}
|
|
{% include "icons/email.html" %}
|
|
|
|
{% when Icon::Github %}
|
|
{% include "icons/github.html" %}
|
|
|
|
{% when Icon::Linkedin %}
|
|
{% include "icons/linkedin.html" %}
|
|
|
|
{% when Icon::Mastodon %}
|
|
{% include "icons/mastodon.html" %}
|
|
|
|
{% when Icon::Telegram %}
|
|
{% include "icons/telegram.html" %}
|
|
|
|
{% when Icon::Twitter %}
|
|
{% include "icons/twitter.html" %}
|
|
|
|
{% endmatch %}
|
|
|
|
<div class="inline-flex items-center">
|
|
<span class="hidden sm:inline">{{ network.name }}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|