ORGANISATION-KA-INTERNATIONALE/oki-foundation
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: icônes réseaux en SVG inline monochromes (currentColor)

Browse Source
This commit is contained in:
cedric
2026-07-06 23:16:48 +04:00
parent 2f6bb848e3
commit 1755bc1eda
24 changed files with 37 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_includes/partials/contact.njk
+17 -16
View File
@@ -8,23 +8,24 @@
<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 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">
{% 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 %}
src/_includes/partials/footer.njk
+9 -9
View File
@@ -14,28 +14,28 @@
</p>
<div class="footer-socials">
<a href="mailto:kontak@o-k-i.net" title="Email" class="social-link">
<span style="font-size: 1.5rem; color: var(--or-oki);">✉️</span>
{% include "icons/email.svg" %}
</a>
<a href="https://wa.me/262692229740" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="social-link">
<img src="{{ '/assets/icons/social/whatsapp.png' | cdn }}" alt="WhatsApp" loading="lazy">
{% include "icons/whatsapp.svg" %}
</a>
<a href="https://t.me/OrganisationKA" target="_blank" rel="noopener noreferrer" title="Telegram" class="social-link">
<img src="{{ '/assets/icons/social/telegram.png' | cdn }}" alt="Telegram" loading="lazy">
{% include "icons/telegram.svg" %}
</a>
<a href="https://x.com/OrganisationKA" target="_blank" rel="noopener noreferrer" title="X" class="social-link">
<span style="font-size: 1.5rem; color: var(--or-oki);">𝕏</span>
{% include "icons/x.svg" %}
</a>
<a href="https://www.tiktok.com/@organisationka" target="_blank" rel="noopener noreferrer" title="TikTok" class="social-link">
<img src="{{ '/assets/icons/social/tiktok.png' | cdn }}" alt="TikTok" loading="lazy">
{% include "icons/tiktok.svg" %}
</a>
<a href="https://discord.gg/a2r9NYNM" target="_blank" rel="noopener noreferrer" title="Discord" class="social-link">
<img src="{{ '/assets/icons/social/discord.png' | cdn }}" alt="Discord" loading="lazy">
{% include "icons/discord.svg" %}
</a>
<a href="https://stt.gg/FzqPKhbG" target="_blank" rel="noopener noreferrer" title="Stoat" class="social-link">
<span style="font-size: 1.5rem; color: var(--or-oki);">💬</span>
{% include "icons/stoat.svg" %}
</a>
<a href="https://labola.o-k-i.net/" target="_blank" rel="noopener noreferrer" title="Labola" class="social-link">
<img src="{{ '/assets/icons/social/gitea.png' | cdn }}" alt="Labola" loading="lazy">
<a href="https://labola.o-k-i.net/" target="_blank" rel="noopener noreferrer" title="Labola (Gitea)" class="social-link">
{% include "icons/gitea.svg" %}
</a>
</div>
</div>