From 5f5e581d99f01c6f2e9421277138476ec6360ec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 13 Jul 2026 18:57:44 +0400
Subject: [PATCH] feat: permet plusieurs liens par partenaire

---
 src/_data/i18n/en/partners.json     | 15 +++++++++------
 src/_data/i18n/fr/partners.json     | 15 +++++++++------
 src/_includes/partials/partners.njk | 14 +++++++++-----
 src/assets/css/styles.css           | 21 ++++++++++++++++-----
 4 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/src/_data/i18n/en/partners.json b/src/_data/i18n/en/partners.json
index 0b64344..213b9b9 100644
--- a/src/_data/i18n/en/partners.json
+++ b/src/_data/i18n/en/partners.json
@@ -7,22 +7,25 @@
       "name": "Joukawouvè",
       "logo": "/assets/images/joukawouve.png",
       "description": "Sharing Guadeloupean and international news.",
-      "url": "https://gade.o-k-i.net/accounts/joukawouve",
-      "linkText": "Discover on GADE"
+      "links": [
+        { "url": "https://gade.o-k-i.net/accounts/joukawouve", "text": "Discover on GADE" }
+      ]
     },
     {
       "name": "cyber-mawonaj",
       "logo": "/assets/images/cyber_mawonaj.jpg",
       "description": "Towards digital mawonaj - Winning your freedom also runs through the digital world.",
-      "url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos",
-      "linkText": "Discover on GADE"
+      "links": [
+        { "url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos", "text": "Discover on GADE" }
+      ]
     },
     {
       "name": "Aktivist Vybz #AKV",
       "logo": "/assets/images/akv.png",
       "description": "Committed selectors and DJs, with content focused on activism and cultural expression.",
-      "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv",
-      "linkText": "Discover on GADE"
+      "links": [
+        { "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv", "text": "Discover on GADE" }
+      ]
     }
   ]
 }
diff --git a/src/_data/i18n/fr/partners.json b/src/_data/i18n/fr/partners.json
index 74f69a9..58af577 100644
--- a/src/_data/i18n/fr/partners.json
+++ b/src/_data/i18n/fr/partners.json
@@ -7,22 +7,25 @@
       "name": "Joukawouvè",
       "logo": "/assets/images/joukawouve.png",
       "description": "Partage de l'actualité guadeloupéenne et internationale.",
-      "url": "https://gade.o-k-i.net/accounts/joukawouve",
-      "linkText": "Découvrir sur GADE"
+      "links": [
+        { "url": "https://gade.o-k-i.net/accounts/joukawouve", "text": "Découvrir sur GADE" }
+      ]
     },
     {
       "name": "cyber-mawonaj",
       "logo": "/assets/images/cyber_mawonaj.jpg",
       "description": "Vers le mawonaj numérique - Conquérir sa liberté passe aussi par le numérique.",
-      "url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos",
-      "linkText": "Découvrir sur GADE"
+      "links": [
+        { "url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos", "text": "Découvrir sur GADE" }
+      ]
     },
     {
       "name": "Aktivist Vybz #AKV",
       "logo": "/assets/images/akv.png",
       "description": "Sélecteurs et DJs engagés, avec un contenu axé sur l'activisme et l'expression culturelle.",
-      "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv",
-      "linkText": "Découvrir sur GADE"
+      "links": [
+        { "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv", "text": "Découvrir sur GADE" }
+      ]
     }
   ]
 }
diff --git a/src/_includes/partials/partners.njk b/src/_includes/partials/partners.njk
index 44fa735..b2c3b8d 100644
--- a/src/_includes/partials/partners.njk
+++ b/src/_includes/partials/partners.njk
@@ -7,16 +7,20 @@
 
         <div class="partners-grid">
             {% for partner in t.partners.items %}
-            <a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer" class="partner-card">
+            <div class="partner-card">
                 <div class="partner-logo-container">
                     <img src="{{ partner.logo | cdn }}" alt="Logo {{ partner.name }}" class="partner-logo">
                 </div>
                 <h3>{{ partner.name }}</h3>
                 <p class="partner-description">{{ partner.description }}</p>
-                <span class="partner-link">
-                    {{ partner.linkText }} →
-                </span>
-            </a>
+                <div class="partner-links">
+                    {% for link in partner.links %}
+                    <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" class="partner-link">
+                        {{ link.text }} →
+                    </a>
+                    {% endfor %}
+                </div>
+            </div>
             {% endfor %}
         </div>
     </div>
diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
index cc4cc8f..d19769a 100644
--- a/src/assets/css/styles.css
+++ b/src/assets/css/styles.css
@@ -959,8 +959,6 @@ html.light-theme .hero::before {
     padding: 2.5rem;
     text-align: center;
     transition: transform 0.2s ease, border-color 0.2s ease;
-    text-decoration: none;
-    color: inherit;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -1002,6 +1000,13 @@ html.light-theme .hero::before {
     font-family: var(--font-body);
 }
 
+.partner-links {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 0.6rem;
+}
+
 .partner-link {
     color: var(--or-oki);
     font-weight: 600;
@@ -1009,11 +1014,17 @@ html.light-theme .hero::before {
     align-items: center;
     gap: 0.4rem;
     font-family: var(--font-body);
-    transition: gap 0.2s ease;
+    font-size: 0.95rem;
+    padding: 0.4rem 0.9rem;
+    border: 1px solid var(--or-oki);
+    border-radius: 999px;
+    text-decoration: none;
+    transition: background 0.2s ease, gap 0.2s ease;
 }
 
-.partner-card:hover .partner-link {
-    gap: 0.75rem;
+.partner-link:hover {
+    background: rgba(253, 184, 19, 0.12);
+    gap: 0.6rem;
 }
 
 /* Support Section */