From 856cff9ee36cadf37ac33d1fcfdb14ad75a7d8e0 Mon Sep 17 00:00:00 2001
From: yuki <yvki@riseup.net>
Date: Sat, 11 Oct 2025 17:45:51 -0300
Subject: [PATCH] fix lastfm

---
 _layouts/home.njk | 10 +---------
 css/main.scss     |  2 +-
 js/lastfm.js      | 12 ++++++++----
 3 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/_layouts/home.njk b/_layouts/home.njk
index 642d162..85d43d5 100644
--- a/_layouts/home.njk
+++ b/_layouts/home.njk
@@ -4,15 +4,7 @@ title: home
 lastfm: true
 ---
 <div class="welcome-aside-left">
-    <div class="now-playing-wrapper box">
-        <h2>last played</h2>
-        <div id="listening"></div>
-        <div class="noscript">
-            <noscript>
-                <h3 style="padding: 0px 0px 4px 0px;">javascript is disabled...</h2>
-            </noscript>
-        </div>
-    </div>
+    <div id="listening"></div>
     <div class="buttons-wrapper box">
         <h2>please visit...</h3>
         <div class="buttons">
diff --git a/css/main.scss b/css/main.scss
index 1075a96..7794bb6 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -99,7 +99,7 @@ body {
 
         .now-playing-wrapper {
             width: 190px;
-            #listening {
+            #np {
                 display: flex;
                 align-items: flex-start;
                 justify-content: space-evenly;
diff --git a/js/lastfm.js b/js/lastfm.js
index 1efdb82..c89eab5 100644
--- a/js/lastfm.js
+++ b/js/lastfm.js
@@ -23,10 +23,14 @@ const getTrack = async () => {
     // ARTIST: json.track.artist['#text']
 
     document.getElementById("listening").innerHTML = `
-    <img src="${json.track.image[1]['#text']}">
-    <div id="trackInfo">
-    <h3 id="trackName">${json.track.name}</h3>
-    <p id="artistName">${json.track.artist['#text']}</p>
+    <div class="now-playing-wrapper box">
+        <h2>last played</h2>
+        <div id="np">    
+            <img src="${json.track.image[1]['#text']}">
+            <div id="trackInfo">
+            <h3 id="trackName">${json.track.name}</h3>
+            <p id="artistName">${json.track.artist['#text']}</p>
+        </div>
     </div>
     `
 };