From 78f540d4c3b78807023e396e7f25c8e0812d2471 Mon Sep 17 00:00:00 2001
From: mux <ssdt@acpi.at>
Date: Fri, 7 Nov 2025 17:22:00 -0300
Subject: [PATCH] i'm a silly girl

---
 assets/styles.css |  6 +++++-
 components/Fm.tsx | 29 +++++++++++++++++++++++------
 routes/index.tsx  |  2 +-
 utils/fm.ts       |  6 +++++-
 4 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index 67c1a6e..1836da7 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -516,7 +516,11 @@ section.typewriting a,
 	list-style: none;
 }
 
-.fm-recent {
+.fm-recent:hover {
+	filter: none;
+}
+
+.fm-recent a {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
diff --git a/components/Fm.tsx b/components/Fm.tsx
index e8bf0eb..ad6f682 100644
--- a/components/Fm.tsx
+++ b/components/Fm.tsx
@@ -17,13 +17,30 @@ export function Fm() {
 				<ul class="fm-recent-tracks">
 					{content.map((track) => (
 						<li class="fm-recent" key={track.artist + track.name}>
-							{track.cover && <img class="cover" src={track.cover} alt="" />}
+							<a href={track.url}>
+								<img
+									class="cover"
+									src={track.cover ||
+										"https://lastfm.freetls.fastly.net/i/u/300x300/2a96cbd8b46e442fc41c2b86b821562f.png"}
+									alt=""
+								/>
 
-							<div class="meta">
-								<strong class="title">{track.name}</strong>
-								<span>{track.artist}</span>
-								{track.loved && <span class="loved">❤</span>}
-							</div>
+								<div class="meta">
+									<strong class="title">{track.name}</strong>
+									<span>{track.artist}</span>
+									{track.playing
+										? (
+											<span class="loved" title="Now playing">
+												▷
+											</span>
+										)
+										: (track.loved && (
+											<span class="loved" title="Loved">
+												❤
+											</span>
+										))}
+								</div>
+							</a>
 						</li>
 					))}
 					<a class="fm-more" href="https://last.fm/user/favewa">
diff --git a/routes/index.tsx b/routes/index.tsx
index a36bf15..be12820 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -135,7 +135,7 @@ export default function Home() {
 						<span class="key">WEB</span>
 						<code class="value">
 							<a href="https://ko-fi.com/west">west@ko-fi</a>
-							<a href="https://github.com/sponsors/favewa">favewa@github</a>
+							<a href="https://github.com/sponsors/misties">misties@github</a>
 						</code>
 					</div>
 					<div class="row">
diff --git a/utils/fm.ts b/utils/fm.ts
index 0659ac1..8c3486e 100644
--- a/utils/fm.ts
+++ b/utils/fm.ts
@@ -10,7 +10,9 @@ interface Track {
 	name: string;
 	artist: string;
 	loved: boolean;
+	playing: boolean;
 	cover?: string;
+	url: string;
 }
 
 const secret = Deno.env.get("FM_SECRET");
@@ -25,11 +27,13 @@ if (secret) {
 			extended: true,
 		});
 
-		return raw?.filter((x) => !x.nowPlaying).map((track) => ({
+		return raw?.map((track) => ({
 			artist: track.artist.name,
 			name: track.name,
 			loved: "loved" in track ? track.loved as boolean : false,
+			playing: track.nowPlaying || false,
 			cover: track.images.pop()?.url,
+			url: track.url || "#",
 		}));
 	}, 60);
 }