add default album art and patreon badge

package.json

 {
   "name": "spinshare-client",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "main": "./main.js",
   "description": "SpinSha.re Client",
   "scripts": {

src/app.htm

@@ -310,9 +310,12 @@
                 <div class="user-avatar"></div>
                 <div class="user-meta-data">
                   <div class="user-name"></div>
-                  <div class="user-badge">
+                  <div class="user-badge user-badge-verified">
                     <i class="mdi mdi-check-decagram"></i>
                   </div>
+                  <div class="user-badge user-badge-patreon">
+                    <i class="mdi mdi-patreon"></i>
+                  </div>
                 </div>
               </div>
             </div>

src/assets/js/section.library.js

@@ -91,7 +91,7 @@ function BuildLibrarySongDOM(songDetail, spinShareReference) {
 
     let songCover = document.createElement("div");
     songCover.classList.add("song-cover");
-    songCover.style.backgroundImage = "url('" + songDetail[1] + "')";
+    songCover.style.backgroundImage = "url('" + songDetail[1] + "'), url('assets/img/defaultAlbumArt.jpg')";
 
     let songCharterInfo = document.createElement("div");
     songCharterInfo.classList.add("song-charter-info");

src/assets/js/section.search.js

@@ -64,10 +64,16 @@ function BuildUserDOM(userItem) {
     userMetaData.appendChild(userName);
     
     if(userItem.isVerified) {
-        let userBadge = document.createElement("div");
-        userBadge.classList.add("user-badge");
-        userBadge.innerHTML = "<i class=\"mdi mdi-check-decagram\"></i>";
-        userMetaData.appendChild(userBadge);
+        let userBadgeVerified = document.createElement("div");
+        userBadgeVerified.classList.add("user-badge");
+        userBadgeVerified.innerHTML = "<i class=\"mdi mdi-check-decagram\"></i>";
+        userMetaData.appendChild(userBadgeVerified);
+    }
+    if(userItem.isPatreon) {
+        let userBadgePatreon = document.createElement("div");
+        userBadgePatreon.classList.add("user-badge");
+        userBadgePatreon.innerHTML = "<i class=\"mdi mdi-patreon\"></i>";
+        userMetaData.appendChild(userBadgePatreon);
     }
     
     userContainer.appendChild(userMetaData);

src/assets/js/section.songdetail.js

@@ -44,8 +44,8 @@ function SongDetailLoad(songId) {
                 DOMSongDetail.classList.add("active");
                 DOMSongDetailActions.classList.add("active");
 
-                DOMSongDetailBackground.style.backgroundImage = "url('" + songData.paths.cover + "')";
-                DOMSongDetailCover.style.backgroundImage = "url('" + songData.paths.cover + "')";
+                DOMSongDetailBackground.style.backgroundImage = "url('" + songData.paths.cover + "'), url('assets/img/defaultAlbumArt.jpg')";
+                DOMSongDetailCover.style.backgroundImage = "url('" + songData.paths.cover + "'), url('assets/img/defaultAlbumArt.jpg')";
 
                 DOMSongTitle.innerText = songData.title ? songData.title : "Untitled";
                 DOMSongSubtitle.innerText = songData.subtitle ? songData.subtitle : "";

src/assets/js/section.startup.js

@@ -162,7 +162,7 @@ function BuildSongDOM(songItem) {
 
     let songCover = document.createElement("div");
     songCover.classList.add("song-cover");
-    songCover.style.backgroundImage = "url('" + songItem.cover + "')";
+    songCover.style.backgroundImage = "url('" + songItem.cover + "'), url('assets/img/defaultAlbumArt.jpg')";
 
     let songCharterInfo = document.createElement("div");
     songCharterInfo.classList.add("song-charter-info");

src/assets/js/section.userdetail.js

@@ -7,7 +7,8 @@ const DOMUserSongRow = document.querySelector(".song-row-user");
 let currentUserId = 0;
 
 const DOMUserName = DOMUserDetail.querySelector(".user-name");
-const DOMUserBadge = DOMUserDetail.querySelector(".user-badge");
+const DOMUserBadgeVerified = DOMUserDetail.querySelector(".user-badge-verified");
+const DOMUserBadgePatreon = DOMUserDetail.querySelector(".user-badge-patreon");
 const DOMUserSongsList = document.querySelector(".song-row-user .song-list");
 const DOMUserSongsNoResults = document.querySelector(".song-row-user .song-list-noresults");
 
@@ -37,9 +38,15 @@ function UserDetailLoad(userId) {
             DOMUserName.innerText = userData.username;
 
             if(userData.isVerified) {
-                DOMUserBadge.classList.add("active");
+                DOMUserBadgeVerified.classList.add("active");
             } else {
-                DOMUserBadge.classList.remove("active");
+                DOMUserBadgeVerified.classList.remove("active");
+            }
+            
+            if(userData.isPatreon) {
+                DOMUserBadgePatreon.classList.add("active");
+            } else {
+                DOMUserBadgePatreon.classList.remove("active");
             }
 
             if(userData.songs.length > 0) {