From 5fb3d79c70dee44ac7ed41c0b98976f1ce90aaf4 Mon Sep 17 00:00:00 2001 From: zyqunix <117040076+zyqunix@users.noreply.github.com> Date: Sun, 11 May 2025 13:33:57 +0200 Subject: [PATCH] last.fm --- assets/css/style.css | 81 +++++++++++++++++++++++++++++++++++ assets/img/dancing-banan.gif | Bin 0 -> 21616 bytes assets/js/index.js | 43 +++++++++++++++++-- index.html | 14 ++++++ 4 files changed, 134 insertions(+), 4 deletions(-) create mode 100644 assets/img/dancing-banan.gif diff --git a/assets/css/style.css b/assets/css/style.css index 1a5fbad..4b761eb 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -551,3 +551,84 @@ div[class="cards sitemap shadow"] > h3, div[class="cards sitemap shadow"] > h4 { font-weight: normal; } + +.banan { + position: fixed; + left: 30px !important; + bottom: 30px !important; + width: 64px; + cursor: pointer; + pointer-events: all !important; + border-radius: 4px; +} + +.music-pop { + text-align: left; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #202020ee; + width: 600px; + padding: 20px; + border-radius: 10px; + backdrop-filter: blur(10px); +} + +.top { + display: flex; + justify-content: space-between; +} + +.top button { + padding: 4px; + height: 32px; + width: 32px; + background-color: #ac2323; + color: #fff; + border: none; + border-radius: 8px; + cursor: pointer; + transition: 0.1s; +} + +.top button:hover { + background-color: #bc3333; +} + +.song { + display: flex; + align-items: center; + justify-content: space-between; +} + +.song > div { + display: flex; + align-items: center; +} + +#artist { + cursor: pointer; +} + +#song-cover { + border-radius: 4px; + margin-right: 15px; + width: 72px; +} + +#song-url { + position: relative; + background-color: #0778B7; + padding: 2px 4px; + right: 0 !important; + border-radius: 6px; +} + +#song-url:hover { + background-color: #1078C7; +} + +#song-url:hover > svg { + color: #fff; +} diff --git a/assets/img/dancing-banan.gif b/assets/img/dancing-banan.gif new file mode 100644 index 0000000000000000000000000000000000000000..82e9bb94ed700f2222c9359b6a1fd748ea9242a3 GIT binary patch literal 21616 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≷2nN$otfEX(TFhU6-6{jSQr=)I?Sqk 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 { }); -const frEl = document.getElementById('fr'); -let rn = Math.floor(Math.random() * 2) + 1; -if (rn == 1) { - frEl.innerHTML = "Fr*nch"; +const LASTFM_API_KEY = "04f747e38bebf69efbbfab7b20612bac"; +const LASTFM_USERNAME = "zyqunix"; + +const params = new URLSearchParams({ + method: "user.getrecenttracks", + user: LASTFM_USERNAME, + api_key: LASTFM_API_KEY, + format: "json", + limit: "1" +}); + +const url = `http://ws.audioscrobbler.com/2.0/?${params.toString()}`; + +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"]; + const title = track.name; + const image = track.image.find(img => img.size === "extralarge")?.["#text"] || ""; + + document.getElementById("artist").innerText = 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; + }) + .catch(error => { + console.error("Error:", error); + }); } + +fetchSong(); + +setInterval(() => { + fetchSong(); +}, 60000) + diff --git a/index.html b/index.html index 2221442..57c2f23 100644 --- a/index.html +++ b/index.html @@ -110,6 +110,20 @@

More can be found on the sitemap/sites page

Note: I do forget to add new sites there sometimes. So check the GitHub if you think there are some missing

+ +
+ +
+

Listening To No one

+
+
+ + Untitled +
+ +
+
+