chore: last played track to now page

src/_data/helpers/music.js

@@ -7,7 +7,7 @@ const sanitizeMediaString = (string) => string.normalize('NFD').replace(/[\u0300
 
 export const mbidMap = (artist) => mbidPatches[artist.toLowerCase()] || ''
 
-export const buildChart = (tracks, artists, albums) => {
+export const buildChart = (tracks, artists, albums, nowPlaying) => {
   const artistsData = {}
   const albumsData = {}
   const tracksData = {}
@@ -63,5 +63,6 @@ export const buildChart = (tracks, artists, albums) => {
     artists: objectToArraySorted(artistsData),
     albums: objectToArraySorted(albumsData),
     tracks: objectToArraySorted(tracksData),
+    nowPlaying
   }
 }

src/_data/music.js

@@ -9,5 +9,5 @@ export default async function () {
     type: 'json',
   }).catch();
   const resObj = await res;
-  return buildChart(resObj['scrobbles'], resObj['artists'], resObj['albums'])
+  return buildChart(resObj['scrobbles'], resObj['artists'], resObj['albums'], resObj['nowPlaying'])
 }

src/pages/music.liquid

@@ -1,9 +0,0 @@
----
-title: Music
-layout: default
-permalink: /music.html
-description: "See what I'm listening to."
----
-{%- assign artist = music.artists | first -%}
-{%- assign album = music.albums | first -%}
-Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, and the album <strong class="highlight-text">{{ album.title }}</strong>. The last track I listened to was <strong class="highlight-text">{{ music.nowPlaying.track }}</strong> by <strong class="highlight-text">{{ music.nowPlaying.artist }}</strong>.

src/pages/now.html

@@ -18,6 +18,10 @@ description: "See what I'm doing now."
     {% tablericon "play-basketball" "NBA - Lakers" %}
     Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
   </p>
+  <p>
+    {% tablericon "headphones" "Listening to" %}
+    The last track I listened to was <strong class="highlight-text">{{ music.nowPlaying.track }}</strong> by <strong class="highlight-text">{{ music.nowPlaying.artist }}</strong>.
+  </p>
 </div>
 <h2 class="now__section--header flex--centered">
   {% tablericon "terminal-2" "Making" %}