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.alt }} -
{{ djangokam.duo.legende }}
+ + {{ djangokam.duo.alt }} +
{{ djangokam.duo.legende }}
+
@@ -36,8 +38,10 @@
{% for clip in djangokam.clips %}
- {{ clip.alt }} -
{{ clip.titre }}
+ + {{ clip.alt }} +
{{ clip.titre }}
+
{% endfor %}
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