Added Sonu Nigam and his songs (#116)

* Added Sonu Nigam songs

* Added songs and their images of Sonu Nigam

Pages/hollysongs.js

@@ -65,6 +65,7 @@ const allcategories = [
   "Ritviz",
   "JubinNautiyal",
   "AtifAslam",
+  "SonuNigam",
 ];
 
 const out = () => {

index.html

@@ -371,6 +371,16 @@ <h3 id="bestofartist"> Best Of Artists </h3>
                   </div>
                 </div>
 
+                <div class="category-slider small-category" onclick="loadfirstsong(14)">
+                  <div class="artist-card">
+                    <img class="playlist-cover" src="homepage/sonu nigam.jpg" alt="category-img image">
+                    <div class="playlist-details">
+                      <div class="playlist-title">Sonu Nigam</div>
+                      <div class="playlist-description"> Artist</div>
+                    </div>
+                  </div>
+                </div>
+
               </div>
 
               <button id="prev-slide" class="slide-button material-symbols-rounded">

playlists/sonusongs.json

@@ -0,0 +1,27 @@
+[
+    {
+        "name": "TumseMilkeDilkaHaal",
+        "title": "Tumse Milke Dilka Haal",
+        "artist": "Sonu Nigam"
+    },
+    {
+        "name": "AllIzzWell",
+        "title": "All Izz Well",
+        "artist": "Sonu  Nigam"
+    },    {
+        "name": "SurajHuaMaddham",
+        "title": "Suraj Hua Maddham",
+        "artist": "Sonu Nigam"
+    },
+    {
+        "name": "YouAreMySoniya",
+        "title": "You Are My Soniya",
+        "artist": "Sonu Nigam, Nikita Ganndhi"
+    },
+    {
+        "name": "ZoobiDoobi",
+        "title": "Zoobi Doobi",
+        "artist": "Sonu Nigam"
+    }
+
+]

swetify.js

@@ -40,6 +40,7 @@ const jsonPaths = [
   './playlists/holispecial.json',
   './playlists/bollywoodsongs.json',
   './playlists/hollywoodsongs.json',
+  './playlists/sonusongs.json',
 ];
 
 let globalSong, allsongs;
@@ -83,6 +84,8 @@ const fetchAndLogSongs = async () => {
     const bollywoodsongs = await fetchData(jsonPaths[12]);
     // Array of Hollywood songs, in which each song is an object with the name, title and artist properties.
     const hollywoodsongs = await fetchData(jsonPaths[13]);
+    // Below is the array of songs by Sonu Nigam, in which each song is an object with the name, title and artist properties.
+    const sonusongs = await fetchData(jsonPaths[14]);
 
     globalSong = [
       hollywoodsongs,
@@ -99,6 +102,7 @@ const fetchAndLogSongs = async () => {
       ritvizsongs,
       rocksongs,
       collegesongs,
+      sonusongs,
     ];
     // Wrapping all the songs array in one array by Type of songs.
     allsongs = [
@@ -116,6 +120,7 @@ const fetchAndLogSongs = async () => {
       ritvizsongs,
       jubinsongs,
       atifsongs,
+      sonusongs,
     ];
   } catch (error) {
     console.error('Error fetching or logging songs:', error);
@@ -242,6 +247,7 @@ const allcategories = [
   'Ritviz',
   'JubinNautiyal',
   'AtifAslam',
+  'SonuNigam',
 ];
 let songs = [];
 let category;