diff --git a/assets/js/theme-song.js b/assets/js/theme-song.js
new file mode 100644
index 0000000..ae1c2a4
--- /dev/null
+++ b/assets/js/theme-song.js
@@ -0,0 +1,20 @@
+// retreives the latest link from a musicthread thread and displays it on the page
+const themeSongScript = document.currentScript
+const urlParams = new URLSearchParams(themeSongScript.src.split('.js')[1])
+const params = Object.fromEntries(urlParams.entries())
+
+if (params.id)
+{
+ const musicthread = `https://musicthread.app/api/v0/thread/${params.id}`
+ fetch(musicthread)
+ .then((response) => response.json())
+ .then((thread) => {
+ let themeSong = thread.links[0]
+ console.log(themeSong)
+ themeSongContainer = document.createElement('div')
+ themeSongContainer.className = 'theme-song'
+ themeSongContainer.style
+ themeSongContainer.innerHTML = `
${themeSong.title}
${themeSong.artist}`
+ themeSongScript.parentNode.insertBefore(themeSongContainer, themeSongScript)
+ })
+}
\ No newline at end of file
diff --git a/config/_default/params.toml b/config/_default/params.toml
index e0f5d42..54b31c3 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -14,6 +14,9 @@ darkVisitors = [
"AI Search Crawler"
]
+omgUser = "jbowdre"
+musicThreadId = "2aVjZUocjk96LELFbV5JvJjm14v"
+
# Comments
analytics = true
reply = true
diff --git a/layouts/partials/aside.html b/layouts/partials/aside.html
index fb1f687..334cd32 100644
--- a/layouts/partials/aside.html
+++ b/layouts/partials/aside.html
@@ -51,10 +51,15 @@
{{- end }}
{{- end }}
+{{ with .Site.Params.omgUser }}