diff --git a/src/components/playing/NowPlaying.astro b/src/components/playing/NowPlaying.astro
index cac1050..21a4f99 100644
--- a/src/components/playing/NowPlaying.astro
+++ b/src/components/playing/NowPlaying.astro
@@ -343,88 +343,5 @@ const dataTrack = (
 </style>
 
 <script>
-  import { type nowPlaying, isNowPlaying } from "./spotify/client";
-
-  class HTMLNowPlayingElement extends HTMLElement {
-    internals = this.attachInternals();
-
-    elements = {
-      // typecast bc checked in constructor
-      title: this.querySelector("[slot=title]") as HTMLAnchorElement,
-      album: this.querySelector("[slot=album]") as HTMLSpanElement,
-      artists: this.querySelector("[slot=artists]") as HTMLSpanElement,
-      art: this.querySelector("[slot=art]") as HTMLImageElement,
-    } as const;
-
-    constructor() {
-      super();
-
-      if (!(this.elements.title instanceof HTMLAnchorElement))
-        throw new Error("[slot=title] not defined or wrong type");
-
-      if (!(this.elements.album instanceof HTMLSpanElement))
-        throw new Error("[slot=album] not defined or wrong type");
-
-      if (!(this.elements.artists instanceof HTMLSpanElement))
-        throw new Error("[slot=artists] not defined or wrong type");
-
-      if (!(this.elements.art instanceof HTMLImageElement))
-        throw new Error("[slot=art] not defined or wrong type");
-    }
-
-    updateMetadata(metadata: Exclude<nowPlaying, null>) {
-      this.elements.title.innerText = metadata.name;
-      this.elements.title.href = metadata.external_urls.spotify;
-
-      this.elements.album.innerText = metadata.album.name;
-
-      this.elements.artists.innerText = "";
-      this.elements.artists.append(
-        ...metadata.artists.flatMap((artist, i) => {
-          const a = document.createElement("a");
-          a.innerText = artist.name;
-          a.href = artist.external_urls.spotify;
-          return i === 0 ? a : [", ", a];
-        }),
-      );
-
-      this.elements.art.src = metadata.album.images[0].url;
-    }
-  }
-
-  const nowPlayingEl = document.getElementById("now-playing");
-  if (!nowPlayingEl) throw new Error("Could not find #now-playing");
-  const art = nowPlayingEl.querySelector(".art");
-  if (!art || !(art instanceof HTMLImageElement))
-    throw new Error("Could not find #now-playing img.art");
-  const nowPlayings = document.querySelectorAll("now-playing");
-
-  customElements.define("now-playing", HTMLNowPlayingElement);
-
-  const renderNowPlaying = (playing: Exclude<nowPlaying, null>) => {
-    art.src = playing.album.images[0].url;
-    nowPlayings.forEach(
-      (el) => el instanceof HTMLNowPlayingElement && el.updateMetadata(playing),
-    );
-  };
-
-  const renderSilent = () => {
-    art.src = "https://undefined/";
-  };
-
-  const events = new EventSource("/now-playing-sse");
-  events.addEventListener("playing", (ev) => {
-    const playing = JSON.parse(ev.data);
-
-    // nothing is playing
-    if (playing === null) return renderSilent();
-
-    // something is playing
-    if (isNowPlaying(playing) && playing !== null)
-      return renderNowPlaying(playing);
-
-    // server sent strange/error response
-    console.error("Unexpected value sent from server:", playing);
-    // continue as normal as the previous value WAS ok
-  });
+  
 </script>