34 lines
2.0 KiB
Plaintext
34 lines
2.0 KiB
Plaintext
<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;">✉️</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;">𝕏</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;">💬</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>
|