From 2b25bc9c32546d1b1be568ed560e7b6ede1c05d8 Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Wed, 1 May 2024 13:15:05 -0500
Subject: [PATCH] now: retrieve latest track/album added to musicthread

---
 now.md        |  4 ++--
 web_head.html | 13 +++++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/now.md b/now.md
index eba1f4f..4e06bb0 100644
--- a/now.md
+++ b/now.md
@@ -40,7 +40,7 @@
 - [Futuristic Violence and Fancy Suits](https://johndiesattheend.com/futuristic-violence-fancy-suits/) by Jason Pargin (aka David Wong) {book}
 - [The Gentleman](https://imdb.com/title/tt13210838/) {display}
 - [Baldur's Gate 3](https://store.steampowered.com/app/1086940/Baldurs_Gate_3/) {gamepad}
-- [Homicide (feat. Eminem)](https://musicthread.app/link/2fWfoHJysUL8LlwyiIZoo6Vjmck) by Logic {headphones}
+- <span id="now-playing">Silence</span> {headphones}
 
 <br>
 
@@ -61,4 +61,4 @@
 
 
 
-
+
diff --git a/web_head.html b/web_head.html
index cd10ae2..688bcda 100644
--- a/web_head.html
+++ b/web_head.html
@@ -121,5 +121,14 @@ fetch(wx_endpoint)
     document.getElementsByClassName('fa-arrow-right-long')[0].classList = CLASS_MAP_PRESS[pressureTrend];
   });
 </script>
-
-
+<script>
+// retrieves latest link from a musicthread thread and displays it on the page
+const musicthread = 'https://musicthread.app/api/v0/thread/2aVjZUocjk96LELFbV5JvJjm14v';
+fetch(musicthread)
+  .then(res => res.json())
+  .then(function(res){
+    let nowPlaying = res.links[0];
+    document.getElementById('now-playing').innerHTML = "<a href='" + nowPlaying.page_url + "'>" + nowPlaying.title + "</a> by " + nowPlaying.artist;
+  });
+</script>
+