feat: permet plusieurs liens par partenaire

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",
+      "links": [
-      "linkText": "Discover on GADE"
+        { "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",
+      "links": [
-      "linkText": "Discover on GADE"
+        { "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",
+      "links": [
-      "linkText": "Discover on GADE"
+        { "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv", "text": "Discover on GADE" }
+      ]
     }
   ]
 }

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",
+      "links": [
-      "linkText": "Découvrir sur GADE"
+        { "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",
+      "links": [
-      "linkText": "Découvrir sur GADE"
+        { "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",
+      "links": [
-      "linkText": "Découvrir sur GADE"
+        { "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv", "text": "Découvrir sur GADE" }
+      ]
     }
   ]
 }

src/_includes/partials/partners.njk

@@ -7,17 +7,21 @@
 
         <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">
+                <div class="partner-links">
-                    {{ partner.linkText }} →
+                    {% for link in partner.links %}
-                </span>
+                    <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" class="partner-link">
+                        {{ link.text }} →
                     </a>
                     {% endfor %}
                 </div>
             </div>
+            {% endfor %}
+        </div>
+    </div>
 </section>

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 {
+.partner-link:hover {
-    gap: 0.75rem;
+    background: rgba(253, 184, 19, 0.12);
+    gap: 0.6rem;
 }
 
 /* Support Section */