From 118914193774a670af8b517fc8a55da971f46115 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= Date: Thu, 9 Jul 2026 02:38:30 +0400 Subject: [PATCH] =?UTF-8?q?fix(contact/footer):=20distingue=20les=20cha?= =?UTF-8?q?=C3=AEnes=20PAWOL.NU=20et=20met=20=C3=A0=20jour=20WhatsApp?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Met à jour le lien WhatsApp vers la chaîne publique - Regroupe WhatsApp et Telegram sous une section Chaînes PAWOL.NU - Affiche les titres de section dans la page contact pour distinguer les chaînes - Met à jour les tooltips du footer pour indiquer les chaînes PAWOL.NU --- src/_data/i18n/en/contact.json | 8 +++---- src/_data/i18n/fr/contact.json | 8 +++---- src/_includes/partials/contact.njk | 37 +++++++++++++++++------------- src/_includes/partials/footer.njk | 4 ++-- src/assets/css/styles.css | 30 ++++++++++++++++++++++-- 5 files changed, 59 insertions(+), 28 deletions(-) diff --git a/src/_data/i18n/en/contact.json b/src/_data/i18n/en/contact.json index 31b5686..a6f2a0c 100644 --- a/src/_data/i18n/en/contact.json +++ b/src/_data/i18n/en/contact.json @@ -5,14 +5,14 @@ { "title": "🌐 Web & Contact", "links": [ - { "text": "kontak@o-k-i.net", "url": "mailto:kontak@o-k-i.net" }, - { "text": "WhatsApp +262 692 22 974 0", "url": "https://wa.me/262692229740" } + { "text": "kontak@o-k-i.net", "url": "mailto:kontak@o-k-i.net" } ] }, { - "title": "💬 Social networks", + "title": "📢 PAWOL.NU channels", "links": [ - { "text": "Telegram", "url": "https://t.me/OrganisationKA" } + { "text": "WhatsApp channel", "url": "https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w" }, + { "text": "Telegram channel", "url": "https://t.me/OrganisationKA" } ] }, { diff --git a/src/_data/i18n/fr/contact.json b/src/_data/i18n/fr/contact.json index f9023ca..6aef4e6 100644 --- a/src/_data/i18n/fr/contact.json +++ b/src/_data/i18n/fr/contact.json @@ -5,14 +5,14 @@ { "title": "🌐 Web & Contact", "links": [ - { "text": "kontak@o-k-i.net", "url": "mailto:kontak@o-k-i.net" }, - { "text": "WhatsApp +262 692 22 974 0", "url": "https://wa.me/262692229740" } + { "text": "kontak@o-k-i.net", "url": "mailto:kontak@o-k-i.net" } ] }, { - "title": "💬 Réseaux sociaux", + "title": "📢 Chaînes PAWOL.NU", "links": [ - { "text": "Telegram", "url": "https://t.me/OrganisationKA" } + { "text": "WhatsApp channel", "url": "https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w" }, + { "text": "Telegram channel", "url": "https://t.me/OrganisationKA" } ] }, { diff --git a/src/_includes/partials/contact.njk b/src/_includes/partials/contact.njk index f1dc550..b10dcd9 100644 --- a/src/_includes/partials/contact.njk +++ b/src/_includes/partials/contact.njk @@ -7,22 +7,27 @@
{% for section in t.contact.sections %} - {% for link in section.links %} - {% set lname = link.text.toLowerCase() %} - - {% 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 'discord' in lname %} - {% include "icons/discord.svg" %} - {% elif 'labola' in lname or 'gitea' in lname %} - {% include "icons/gitea.svg" %} - {% endif %} - - {% endfor %} +
+

{{ section.title }}

+
+ {% for link in section.links %} + {% set lname = link.text.toLowerCase() %} + + {% 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 'discord' in lname %} + {% include "icons/discord.svg" %} + {% elif 'labola' in lname or 'gitea' in lname %} + {% include "icons/gitea.svg" %} + {% endif %} + + {% endfor %} +
+
{% endfor %}
diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk index e48573a..8b83e7f 100644 --- a/src/_includes/partials/footer.njk +++ b/src/_includes/partials/footer.njk @@ -16,10 +16,10 @@ {% include "icons/email.svg" %} - + {% include "icons/whatsapp.svg" %} - + {% include "icons/telegram.svg" %} diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css index 5c3aa36..cc4cc8f 100644 --- a/src/assets/css/styles.css +++ b/src/assets/css/styles.css @@ -1197,13 +1197,32 @@ html.light-theme .hero::before { } .contact-socials { + display: flex; + flex-direction: column; + align-items: center; + gap: 2rem; + max-width: 1200px; + margin: 0 auto; +} + +.contact-socials-group { + text-align: center; +} + +.contact-socials-title { + font-size: 0.85rem; + font-weight: 600; + color: var(--or-oki); + margin-bottom: 0.75rem; + opacity: 0.9; +} + +.contact-socials-row { display: flex; justify-content: center; align-items: center; gap: 1.5rem; flex-wrap: wrap; - max-width: 1200px; - margin: 0 auto; } .contact-social-link { @@ -1231,6 +1250,13 @@ html.light-theme .hero::before { @media (min-width: 768px) { .contact-socials { + flex-direction: row; + align-items: flex-start; + justify-content: center; + gap: 3rem; + } + + .contact-socials-row { gap: 2rem; }