ORGANISATION-KA-INTERNATIONALE/o-k-i.net
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: permet plusieurs liens par partenaire

Browse Source
This commit is contained in:
cedric
2026-07-13 18:57:44 +04:00
parent 851b03c60b
commit 5f5e581d99
4 changed files with 43 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_data/i18n/en/partners.json
+9 -6
View File
@@ -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" }
]
}
]
}
src/_data/i18n/fr/partners.json
+9 -6
View File
@@ -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" }
]
}
]
}
src/_includes/partials/partners.njk
+9 -5
View File
@@ -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>
src/assets/css/styles.css
+16 -5
View File
@@ -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 */