From 75a96b576c2d1a076b90d1569147e6dc057d505a Mon Sep 17 00:00:00 2001
From: zyqunix <117040076+zyqunix@users.noreply.github.com>
Date: Sun, 11 May 2025 15:02:58 +0200
Subject: [PATCH] fixes

---
 assets/css/style.css | 6 +++++-
 assets/js/index.js   | 2 ++
 index.html           | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 48d8e7f..64f4d11 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -624,7 +624,11 @@ div[class="cards sitemap shadow"] > h4 {
 }
 
 #artist {
-	cursor: pointer;
+    transition: color 0.1s;
+}
+
+#artist:hover {
+	color: #c099ff;
 }
 
 #song-cover {
diff --git a/assets/js/index.js b/assets/js/index.js
index 21e2f5c..a9a39df 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -211,6 +211,7 @@ function fetchSong() {
 	fetch(url)
 		.then(response => response.json())
 		.then(data => {
+			console.log(data);
 			const track = data?.recenttracks?.track?.[0];
 			if (!track) return;
 			const artist = track.artist["#text"];
@@ -218,6 +219,7 @@ function fetchSong() {
 			const image = track.image.find(img => img.size === "extralarge")?.["#text"] || "";
 
 			document.getElementById("artist").innerText = artist;
+			document.getElementById("artist").href = `https://duckduckgo.com/?q=${artist}`;
 			document.getElementById("song-name").innerText = title;
 			document.getElementById("song-cover").src = !image ? "https://lastfm.freetls.fastly.net/i/u/64s/4128a6eb29f94943c9d206c08e625904.jpg" : image;
 			document.getElementById("song-url").href = track.url;
diff --git a/index.html b/index.html
index ac2e1a7..0566f4a 100644
--- a/index.html
+++ b/index.html
@@ -114,7 +114,7 @@
 		<div class="music">
 			<img src="assets/img/dancing-banan.gif" class="banan" id="banan">
 			<div class="music-pop shadow" id="music-pop">
-				<div class="top"><h3>Listening To <a id="artist">No one</a></h3>
+				<div class="top"><h3>Listening To <a id="artist" target="_blank">No one</a></h3>
 					<button id="close"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Menu / Close_MD"> <path id="Vector" d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: var(--darkreader-text-ffffff, #e8e6e3);" data-darkreader-inline-stroke=""></path> </g> </g></svg></button></div>							
 				<div class="song">
 					<div>