fix lastfm

_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">

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;

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>
     `
 };