<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 %}
            {% set lname = link.text.toLowerCase() %}
            <a href="{{ link.url }}" title="{{ link.text }}"{% if link.url.startsWith('http') %} target="_blank" rel="noopener noreferrer"{% endif %} class="contact-social-link">
                {% if 'kontak' in lname or 'mail' in lname %}
                    {% include "icons/email.svg" %}
                {% elif 'whatsapp' in lname %}
                    {% include "icons/whatsapp.svg" %}
                {% elif 'telegram' in lname %}
                    {% include "icons/telegram.svg" %}
                {% elif 'twitter' in lname or 'x (' in lname %}
                    {% include "icons/x.svg" %}
                {% elif 'tiktok' in lname %}
                    {% include "icons/tiktok.svg" %}
                {% elif 'discord' in lname %}
                    {% include "icons/discord.svg" %}
                {% elif 'stoat' in lname %}
                    {% include "icons/stoat.svg" %}
                {% elif 'labola' in lname or 'gitea' in lname %}
                    {% include "icons/gitea.svg" %}
                {% endif %}
            </a>
            {% endfor %}
        {% endfor %}
    </div>
</section>
