o-k-i.net/src/_includes/partials/contact.njk

<section class="contact" id="contact">
    <div class="section-container">
        <h2>{{ t.contact.title }}</h2>
        <p class="contact-lede">
            {{ t.contact.lede | safe }}
        </p>
    </div>
    <div class="contact-socials">
        {% for section in t.contact.sections %}
            {% for link in section.links %}
            <a href="{{ link.url }}" title="{{ link.text }}"{% if link.url.startsWith('http') %} target="_blank" rel="noopener noreferrer"{% endif %} class="contact-social-link">
                {% if link.text.toLowerCase().includes('email') %}
                    <span style="font-size: 2rem; color: var(--or-oki);">✉️</span>
                {% elif link.text.toLowerCase().includes('whatsapp') %}
                    <img src="{{ '/assets/icons/social/whatsapp.png' | cdn }}" alt="WhatsApp" loading="lazy">
                {% elif link.text.toLowerCase().includes('telegram') %}
                    <img src="{{ '/assets/icons/social/telegram.png' | cdn }}" alt="Telegram" loading="lazy">
                {% elif link.text.toLowerCase().includes('twitter') or link.text.toLowerCase().includes('x (') %}
                    <span style="font-size: 2rem; color: var(--or-oki);">𝕏</span>
                {% elif link.text.toLowerCase().includes('tiktok') %}
                    <img src="{{ '/assets/icons/social/tiktok.png' | cdn }}" alt="TikTok" loading="lazy">
                {% elif link.text.toLowerCase().includes('discord') %}
                    <img src="{{ '/assets/icons/social/discord.png' | cdn }}" alt="Discord" loading="lazy">
                {% elif link.text.toLowerCase().includes('stoat') %}
                    <span style="font-size: 2rem; color: var(--or-oki);">💬</span>
                {% elif link.text.toLowerCase().includes('labola') or link.text.toLowerCase().includes('gitea') %}
                    <img src="{{ '/assets/icons/social/gitea.png' | cdn }}" alt="Labola" loading="lazy">
                {% endif %}
            </a>
            {% endfor %}
        {% endfor %}
    </div>
</section>