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

style: ajouter couleur aux émojis des réseaux sociaux

Browse Source
This commit is contained in:
cedric
2026-07-06 23:01:34 +04:00
parent cf7385a350
commit 2f6bb848e3
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_includes/partials/contact.njk
+3 -3
View File
@@ -10,19 +10,19 @@
{% for link in section.links %} {% 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"> <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') %} {% if link.text.toLowerCase().includes('email') %}
<span style="font-size: 2rem;">✉️</span> <span style="font-size: 2rem; color: var(--or-oki);">✉️</span>
{% elif link.text.toLowerCase().includes('whatsapp') %} {% elif link.text.toLowerCase().includes('whatsapp') %}
<img src="{{ '/assets/icons/social/whatsapp.png' | cdn }}" alt="WhatsApp" loading="lazy"> <img src="{{ '/assets/icons/social/whatsapp.png' | cdn }}" alt="WhatsApp" loading="lazy">
{% elif link.text.toLowerCase().includes('telegram') %} {% elif link.text.toLowerCase().includes('telegram') %}
<img src="{{ '/assets/icons/social/telegram.png' | cdn }}" alt="Telegram" loading="lazy"> <img src="{{ '/assets/icons/social/telegram.png' | cdn }}" alt="Telegram" loading="lazy">
{% elif link.text.toLowerCase().includes('twitter') or link.text.toLowerCase().includes('x (') %} {% elif link.text.toLowerCase().includes('twitter') or link.text.toLowerCase().includes('x (') %}
<span style="font-size: 2rem;">𝕏</span> <span style="font-size: 2rem; color: var(--or-oki);">𝕏</span>
{% elif link.text.toLowerCase().includes('tiktok') %} {% elif link.text.toLowerCase().includes('tiktok') %}
<img src="{{ '/assets/icons/social/tiktok.png' | cdn }}" alt="TikTok" loading="lazy"> <img src="{{ '/assets/icons/social/tiktok.png' | cdn }}" alt="TikTok" loading="lazy">
{% elif link.text.toLowerCase().includes('discord') %} {% elif link.text.toLowerCase().includes('discord') %}
<img src="{{ '/assets/icons/social/discord.png' | cdn }}" alt="Discord" loading="lazy"> <img src="{{ '/assets/icons/social/discord.png' | cdn }}" alt="Discord" loading="lazy">
{% elif link.text.toLowerCase().includes('stoat') %} {% elif link.text.toLowerCase().includes('stoat') %}
<span style="font-size: 2rem;">💬</span> <span style="font-size: 2rem; color: var(--or-oki);">💬</span>
{% elif link.text.toLowerCase().includes('labola') or link.text.toLowerCase().includes('gitea') %} {% elif link.text.toLowerCase().includes('labola') or link.text.toLowerCase().includes('gitea') %}
<img src="{{ '/assets/icons/social/gitea.png' | cdn }}" alt="Labola" loading="lazy"> <img src="{{ '/assets/icons/social/gitea.png' | cdn }}" alt="Labola" loading="lazy">
{% endif %} {% endif %}
src/_includes/partials/footer.njk
+3 -3
View File
@@ -14,7 +14,7 @@
</p> </p>
<div class="footer-socials"> <div class="footer-socials">
<a href="mailto:kontak@o-k-i.net" title="Email" class="social-link"> <a href="mailto:kontak@o-k-i.net" title="Email" class="social-link">
<span style="font-size: 1.5rem;">✉️</span> <span style="font-size: 1.5rem; color: var(--or-oki);">✉️</span>
</a> </a>
<a href="https://wa.me/262692229740" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="social-link"> <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"> <img src="{{ '/assets/icons/social/whatsapp.png' | cdn }}" alt="WhatsApp" loading="lazy">
@@ -23,7 +23,7 @@
<img src="{{ '/assets/icons/social/telegram.png' | cdn }}" alt="Telegram" loading="lazy"> <img src="{{ '/assets/icons/social/telegram.png' | cdn }}" alt="Telegram" loading="lazy">
</a> </a>
<a href="https://x.com/OrganisationKA" target="_blank" rel="noopener noreferrer" title="X" class="social-link"> <a href="https://x.com/OrganisationKA" target="_blank" rel="noopener noreferrer" title="X" class="social-link">
<span style="font-size: 1.5rem;">𝕏</span> <span style="font-size: 1.5rem; color: var(--or-oki);">𝕏</span>
</a> </a>
<a href="https://www.tiktok.com/@organisationka" target="_blank" rel="noopener noreferrer" title="TikTok" class="social-link"> <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"> <img src="{{ '/assets/icons/social/tiktok.png' | cdn }}" alt="TikTok" loading="lazy">
@@ -32,7 +32,7 @@
<img src="{{ '/assets/icons/social/discord.png' | cdn }}" alt="Discord" loading="lazy"> <img src="{{ '/assets/icons/social/discord.png' | cdn }}" alt="Discord" loading="lazy">
</a> </a>
<a href="https://stt.gg/FzqPKhbG" target="_blank" rel="noopener noreferrer" title="Stoat" class="social-link"> <a href="https://stt.gg/FzqPKhbG" target="_blank" rel="noopener noreferrer" title="Stoat" class="social-link">
<span style="font-size: 1.5rem;">💬</span> <span style="font-size: 1.5rem; color: var(--or-oki);">💬</span>
</a> </a>
<a href="https://labola.o-k-i.net/" target="_blank" rel="noopener noreferrer" title="Labola" class="social-link"> <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"> <img src="{{ '/assets/icons/social/gitea.png' | cdn }}" alt="Labola" loading="lazy">