diff --git a/src/_data/djangokam.json b/src/_data/djangokam.json
index 49b2d59..40fdf49 100644
--- a/src/_data/djangokam.json
+++ b/src/_data/djangokam.json
@@ -11,18 +11,21 @@
"duo": {
"image": "/assets/images/djangokam-she-told-me.webp",
"alt": "Pochette du single « She Told Me (Fanm-la di mwen) » — DJANGOKAM x NYYOKA",
- "legende": "« She Told Me (Fanm-la di mwen) » — DJANGOKAM x NYYOKA"
+ "legende": "« She Told Me (Fanm-la di mwen) » — DJANGOKAM x NYYOKA",
+ "url": "https://pawol.nu/paroles/djangokam-nyyoka-she-told-me-fanm-la-di-mwen"
},
"clips": [
{
"titre": "I Want You Girl",
- "image": "/assets/images/djangokam-i-want-you-girl.png",
- "alt": "Pochette du clip « I Want You Girl »"
+ "image": "/assets/images/djangokam-i-want-you-girl.webp",
+ "alt": "Pochette du clip « I Want You Girl »",
+ "url": "https://pawol.nu/paroles/djangokam-i-want-you-girl"
},
{
"titre": "Ish Mwen KUTE",
"image": "/assets/images/djangokam-ish-mwen-kute.jpg",
- "alt": "Pochette du clip « Ish Mwen KUTE »"
+ "alt": "Pochette du clip « Ish Mwen KUTE »",
+ "url": "https://pawol.nu/paroles/djangokam-ish-mwen-kute"
}
],
"faits": [
diff --git a/src/_includes/partials/djangokam.njk b/src/_includes/partials/djangokam.njk
index fd44c08..b65ebc6 100644
--- a/src/_includes/partials/djangokam.njk
+++ b/src/_includes/partials/djangokam.njk
@@ -18,8 +18,10 @@
-
- {{ djangokam.duo.legende }}
+
+
+ {{ djangokam.duo.legende }}
+
@@ -36,8 +38,10 @@
diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
index e1acfe9..a6b2bbc 100644
--- a/src/assets/css/styles.css
+++ b/src/assets/css/styles.css
@@ -1449,6 +1449,19 @@ input[type="number"]:focus {
text-align: center;
}
+.djangokam-duo a,
+.djangokam-clip a {
+ text-decoration: none;
+ color: inherit;
+ display: inline-block;
+ transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.djangokam-duo a:hover,
+.djangokam-clip a:hover {
+ transform: translateY(-5px);
+}
+
.djangokam-duo img,
.djangokam-clip img {
width: 100%;
@@ -1466,6 +1479,12 @@ input[type="number"]:focus {
font-style: italic;
}
+.djangokam-duo a:hover figcaption,
+.djangokam-clip a:hover figcaption {
+ opacity: 1;
+ color: var(--or-oki);
+}
+
.djangokam-clips {
display: flex;
justify-content: center;
diff --git a/src/assets/images/djangokam-i-want-you-girl.png b/src/assets/images/djangokam-i-want-you-girl.png
deleted file mode 100644
index 587ddbb..0000000
Binary files a/src/assets/images/djangokam-i-want-you-girl.png and /dev/null differ
diff --git a/src/assets/images/djangokam-i-want-you-girl.webp b/src/assets/images/djangokam-i-want-you-girl.webp
new file mode 100644
index 0000000..d1af8de
Binary files /dev/null and b/src/assets/images/djangokam-i-want-you-girl.webp differ
diff --git a/src/assets/images/djangokam-ish-mwen-kute.jpg b/src/assets/images/djangokam-ish-mwen-kute.jpg
index c534bfe..1c44f52 100644
Binary files a/src/assets/images/djangokam-ish-mwen-kute.jpg and b/src/assets/images/djangokam-ish-mwen-kute.jpg differ
diff --git a/src/assets/images/djangokam-she-told-me.webp b/src/assets/images/djangokam-she-told-me.webp
index b7573c9..dcbe42b 100644
Binary files a/src/assets/images/djangokam-she-told-me.webp and b/src/assets/images/djangokam-she-told-me.webp differ