ORGANISATION-KA-INTERNATIONALE/o-k-i.net
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remplacer section contact textuelle par icônes SVG

Browse Source
This commit is contained in:
cedric
2026-07-06 22:37:51 +04:00
parent fd86ba8b6a
commit 5908b3f273
2 changed files with 56 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_includes/partials/contact.njk
+22 -11
View File
@@ -5,18 +5,29 @@
{{ t.contact.lede | safe }}
</p>
</div>
<div class="contact-grid">
<div class="contact-socials">
{% for section in t.contact.sections %}
<div class="contact-card">
<h3>{{ section.title }}</h3>
<div class="contact-links">
{% for link in section.links %}
<a href="{{ link.url }}"{% if link.url.startsWith('http') %} target="_blank"{% endif %}>
{{ link.text }}
</a>
{% endfor %}
</div>
</div>
{% 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') %}
<img src="{{ '/assets/icons/social/email.svg' | cdn }}" alt="Email" loading="lazy">
{% elif link.text.toLowerCase().includes('whatsapp') %}
<img src="{{ '/assets/icons/social/whatsapp.svg' | cdn }}" alt="WhatsApp" loading="lazy">
{% elif link.text.toLowerCase().includes('telegram') %}
<img src="{{ '/assets/icons/social/telegram.svg' | cdn }}" alt="Telegram" loading="lazy">
{% elif link.text.toLowerCase().includes('twitter') or link.text.toLowerCase().includes('x (') %}
<img src="{{ '/assets/icons/social/x.svg' | cdn }}" alt="X" loading="lazy">
{% elif link.text.toLowerCase().includes('tiktok') %}
<img src="{{ '/assets/icons/social/tiktok.svg' | cdn }}" alt="TikTok" loading="lazy">
{% elif link.text.toLowerCase().includes('discord') %}
<img src="{{ '/assets/icons/social/discord.svg' | cdn }}" alt="Discord" loading="lazy">
{% elif link.text.toLowerCase().includes('stoat') %}
<img src="{{ '/assets/icons/social/stoat.svg' | cdn }}" alt="Stoat" loading="lazy">
{% elif link.text.toLowerCase().includes('labola') or link.text.toLowerCase().includes('gitea') %}
<img src="{{ '/assets/icons/social/gitea.svg' | cdn }}" alt="Labola" loading="lazy">
{% endif %}
</a>
{% endfor %}
{% endfor %}
</div>
</section>