update widgets

Author: petracoding

neocities/widgets/lastfm.html

@@ -6,7 +6,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <script src="widgets.js?nocache=2"></script>
+    <script src="widgets.js?nocache=3"></script>
     <style>
       body {
         background: 0 0;

neocities/widgets/pollcode.html

@@ -6,7 +6,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <script src="widgets.js?nocache=2"></script>
+    <script src="widgets.js?nocache=3"></script>
     <style>
       body {
         background: 0 0;

neocities/widgets/statuscafe.html

@@ -6,7 +6,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <script src="widgets.js?nocache=2"></script>
+    <script src="widgets.js?nocache=3"></script>
     <style>
       body {
         background: 0 0;

neocities/widgets/widgets.js

@@ -17,6 +17,7 @@ const knownParams = [
   "viewButtonAsLink",
   "spacing",
   "showAlbumCover",
+  "albumCoverLeft",
 ];
 
 /*
@@ -55,6 +56,13 @@ function doCSS(params) {
       document.body.querySelector("main").style.margin = "0";
     }
   }
+  if (params.get("width")) {
+    document.body.style.textAlign = params.get("center") == "1" ? "center" : "left";
+
+    if (params.get("center") == "0") {
+      document.body.querySelector("main").style.margin = "0";
+    }
+  }
 
   // Backwards Compability (now unknown):
   if (params.get("font")) document.body.style.fontFamily = '"' + params.get("font").replaceAll("%20", " ") + '"';
@@ -225,18 +233,30 @@ function initLastFm(params) {
         albumCoverUrl = "https://lastfm.freetls.fastly.net/i/u/300x300/acdd1489ea27beb10b07c58ffdb99a83.jpg";
       }
 
+      let albumCoverHTMLLeft = "";
+      let albumCoverHTMLRight = "";
+
       let albumCoverHTML = "";
       if (params.get("showAlbumCover") && albumCoverUrl) {
         if (params.get("showAlbumCover") != "0") {
           const size = params.get("showAlbumCover") < 10 ? 10 : params.get("showAlbumCover");
           albumCoverHTML = `<img src="${albumCoverUrl}" height="${size}" width="${size}" />`;
+
+          albumCoverHTMLRight = albumCoverHTML;
+
+          if (params.get("albumCoverLeft")) {
+            if (params.get("albumCoverLeft") == "1") {
+              albumCoverHTMLLeft = albumCoverHTML;
+              albumCoverHTMLRight = "";
+            }
+          }
         }
       }
 
       if (swapPositions) {
-        song.innerHTML = `<span class="artist">${artist}</span>${delimiter}<span class="name">${songTitle}</span>` + albumCoverHTML;
+        song.innerHTML = albumCoverHTMLLeft + `<span class="artist">${artist}</span>${delimiter}<span class="name">${songTitle}</span>` + albumCoverHTMLRight;
       } else {
-        song.innerHTML = `<span class="name" > ${songTitle}</span>${delimiter}<span class="artist">${artist}</span>` + albumCoverHTML;
+        song.innerHTML = albumCoverHTMLLeft + `<span class="name" > ${songTitle}</span>${delimiter}<span class="artist">${artist}</span>` + albumCoverHTMLRight;
       }
 
       if (params.get("marquee")) {