From e06b06070ff8eaaa916767f66f5b9a6909831577 Mon Sep 17 00:00:00 2001
From: nikhilsna <nikhilnarayan261@gmail.com>
Date: Thu, 14 Nov 2024 12:27:31 -0800
Subject: [PATCH 1/4] discover new artists

---
 .../share_and_care/undgdmusic/frontpage.md    | 176 ++++++++++++++++++
 1 file changed, 176 insertions(+)

diff --git a/navigation/share_and_care/undgdmusic/frontpage.md b/navigation/share_and_care/undgdmusic/frontpage.md
index 181322ce..25e4d837 100644
--- a/navigation/share_and_care/undgdmusic/frontpage.md
+++ b/navigation/share_and_care/undgdmusic/frontpage.md
@@ -425,3 +425,179 @@ async function fetchChannels(groupName) {
     // Fetch groups when the page loads
     fetchGroups();
 </script>
+
+<!-- Discover New Artists Tab Content -->
+<div class="tab-content" id="discover">
+    <div class="chatroom-container">
+        <h2>Discover New Artists</h2>
+        
+        <!-- Search Bar -->
+        <div class="search-bar">
+            <input type="text" id="searchQuery" placeholder="Search for more underground artists..." />
+            <button onclick="searchGoogle()">Search</button>
+        </div>
+        
+        <ul class="artist-list">
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Lil Xtra <br>
+                <span class="description">
+                    Most Listened Track: "Under Pressure"<br>
+                    Latest Album: *Lost in the Vibe*<br>
+                    Monthly Listeners: 150,000<br>
+                    Known for mixing emo with rap vibes.<br>
+                    <a href="https://open.spotify.com/track/47DlkXm0LgQcJcz4nry9Gw" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Sad Frosty <br>
+                <span class="description">
+                    Most Listened Track: "ADHD"<br>
+                    Latest Album: *Graveyard Shift*<br>
+                    Monthly Listeners: 200,000<br>
+                    A unique sound with heavy beats and dark lyrics.<br>
+                    <a href="https://open.spotify.com/artist/4VQjfdCN5W8jvwy4AvEnin" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Tokyo's Revenge <br>
+                <span class="description">
+                    Most Listened Track: "GOODMORNINGTOKYO!"<br>
+                    Latest Album: *From the Shadows*<br>
+                    Monthly Listeners: 500,000<br>
+                    Bringing aggressive energy and experimental rap.<br>
+                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Powfu <br>
+                <span class="description">
+                    Most Listened Track: "Death Bed"<br>
+                    Latest Album: *Poems of the Past*<br>
+                    Monthly Listeners: 3,000,000<br>
+                    Known for blending lo-fi beats with heartfelt lyrics.<br>
+                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Shinigami <br>
+                <span class="description">
+                    Most Listened Track: "Lovers and Friends"<br>
+                    Latest Album: *Eternal Nightmare*<br>
+                    Monthly Listeners: 100,000<br>
+                    Combines rap and emotional lyrics with a dark, gothic style.<br>
+                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <!-- Add more artists as needed -->
+        </ul>
+    </div>
+</div>
+
+<style>
+    .chatroom-container h2 {
+        font-size: 2rem;
+        color: #FFD700;
+        text-align: center;
+        margin-bottom: 20px;
+        text-shadow: 0 4px 12px rgba(255, 215, 0, 0.8);
+    }
+    /* Search Bar Styling */
+    .search-bar {
+        display: flex;
+        justify-content: center;
+        margin-bottom: 20px;
+    }
+    .search-bar input[type="text"] {
+        padding: 10px;
+        width: 300px;
+        border: 1px solid #FFD700;
+        border-radius: 6px 0 0 6px;
+        background-color: #333;
+        color: #FFD700;
+        outline: none;
+    }
+    .search-bar button {
+        padding: 10px 15px;
+        border: none;
+        border-radius: 0 6px 6px 0;
+        background-color: #FFD700;
+        color: #000;
+        font-weight: bold;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+    }
+    .search-bar button:hover {
+        background-color: #FFC700;
+    }
+
+    .artist-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+    .artist-item {
+        background: rgba(15, 15, 15, 0.9); /* Dark background */
+        border: 1px solid #FFD700;
+        color: #FFD700;
+        padding: 15px;
+        margin-bottom: 15px;
+        border-radius: 10px;
+        backdrop-filter: blur(4px); /* Adds slight blur to the background */
+        transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
+        position: relative;
+        overflow: hidden;
+        cursor: pointer;
+    }
+    .artist-item::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(255, 215, 0, 0.1); /* Yellow overlay */
+        opacity: 0;
+        transition: opacity 0.3s ease;
+    }
+    .artist-item:hover::before {
+        opacity: 1;
+    }
+    .artist-item:hover {
+        transform: scale(1.05); /* Grows slightly on hover */
+        background: rgba(255, 215, 0, 0.1); /* Slight yellow tint on hover */
+        box-shadow: 0px 10px 20px rgba(255, 215, 0, 0.3); /* Glow effect */
+    }
+    .artist-item:hover .description {
+        opacity: 1;
+        transform: translateY(0); /* Slides in the description */
+    }
+    .description {
+        display: block;
+        margin-top: 5px;
+        color: #AAA; /* Slightly lighter color for description */
+        font-size: 0.9rem;
+        opacity: 0;
+        transform: translateY(10px);
+        transition: opacity 0.3s ease, transform 0.3s ease;
+    }
+    .description a {
+        color: #FFD700;
+        text-decoration: none;
+        font-weight: bold;
+    }
+    .description a:hover {
+        text-decoration: underline;
+    }
+</style>
+
+<script>
+    function searchGoogle() {
+        const query = document.getElementById('searchQuery').value;
+        if (query) {
+            const googleSearchUrl = `https://www.google.com/search?q=${encodeURIComponent(query)}+underground+artists`;
+            window.open(googleSearchUrl, '_blank'); // Opens Google search in a new tab
+        } else {
+            alert("Please enter a search term."); // Alert if search is empty
+        }
+    }
+</script>

From f3f700a68fadddfdf2f8f247666cccc909140b84 Mon Sep 17 00:00:00 2001
From: nikhilsna <nikhilnarayan261@gmail.com>
Date: Thu, 14 Nov 2024 12:28:47 -0800
Subject: [PATCH 2/4] commit no new changes

---
 .../share_and_care/undgdmusic/frontpage.md    | 175 ------------------
 1 file changed, 175 deletions(-)

diff --git a/navigation/share_and_care/undgdmusic/frontpage.md b/navigation/share_and_care/undgdmusic/frontpage.md
index 25e4d837..04445d38 100644
--- a/navigation/share_and_care/undgdmusic/frontpage.md
+++ b/navigation/share_and_care/undgdmusic/frontpage.md
@@ -426,178 +426,3 @@ async function fetchChannels(groupName) {
     fetchGroups();
 </script>
 
-<!-- Discover New Artists Tab Content -->
-<div class="tab-content" id="discover">
-    <div class="chatroom-container">
-        <h2>Discover New Artists</h2>
-        
-        <!-- Search Bar -->
-        <div class="search-bar">
-            <input type="text" id="searchQuery" placeholder="Search for more underground artists..." />
-            <button onclick="searchGoogle()">Search</button>
-        </div>
-        
-        <ul class="artist-list">
-            <li class="artist-item">
-                <strong>Artist Name:</strong> Lil Xtra <br>
-                <span class="description">
-                    Most Listened Track: "Under Pressure"<br>
-                    Latest Album: *Lost in the Vibe*<br>
-                    Monthly Listeners: 150,000<br>
-                    Known for mixing emo with rap vibes.<br>
-                    <a href="https://open.spotify.com/track/47DlkXm0LgQcJcz4nry9Gw" target="_blank">Listen on Spotify</a>
-                </span>
-            </li>
-            <li class="artist-item">
-                <strong>Artist Name:</strong> Sad Frosty <br>
-                <span class="description">
-                    Most Listened Track: "ADHD"<br>
-                    Latest Album: *Graveyard Shift*<br>
-                    Monthly Listeners: 200,000<br>
-                    A unique sound with heavy beats and dark lyrics.<br>
-                    <a href="https://open.spotify.com/artist/4VQjfdCN5W8jvwy4AvEnin" target="_blank">Listen on Spotify</a>
-                </span>
-            </li>
-            <li class="artist-item">
-                <strong>Artist Name:</strong> Tokyo's Revenge <br>
-                <span class="description">
-                    Most Listened Track: "GOODMORNINGTOKYO!"<br>
-                    Latest Album: *From the Shadows*<br>
-                    Monthly Listeners: 500,000<br>
-                    Bringing aggressive energy and experimental rap.<br>
-                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
-                </span>
-            </li>
-            <li class="artist-item">
-                <strong>Artist Name:</strong> Powfu <br>
-                <span class="description">
-                    Most Listened Track: "Death Bed"<br>
-                    Latest Album: *Poems of the Past*<br>
-                    Monthly Listeners: 3,000,000<br>
-                    Known for blending lo-fi beats with heartfelt lyrics.<br>
-                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
-                </span>
-            </li>
-            <li class="artist-item">
-                <strong>Artist Name:</strong> Shinigami <br>
-                <span class="description">
-                    Most Listened Track: "Lovers and Friends"<br>
-                    Latest Album: *Eternal Nightmare*<br>
-                    Monthly Listeners: 100,000<br>
-                    Combines rap and emotional lyrics with a dark, gothic style.<br>
-                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
-                </span>
-            </li>
-            <!-- Add more artists as needed -->
-        </ul>
-    </div>
-</div>
-
-<style>
-    .chatroom-container h2 {
-        font-size: 2rem;
-        color: #FFD700;
-        text-align: center;
-        margin-bottom: 20px;
-        text-shadow: 0 4px 12px rgba(255, 215, 0, 0.8);
-    }
-    /* Search Bar Styling */
-    .search-bar {
-        display: flex;
-        justify-content: center;
-        margin-bottom: 20px;
-    }
-    .search-bar input[type="text"] {
-        padding: 10px;
-        width: 300px;
-        border: 1px solid #FFD700;
-        border-radius: 6px 0 0 6px;
-        background-color: #333;
-        color: #FFD700;
-        outline: none;
-    }
-    .search-bar button {
-        padding: 10px 15px;
-        border: none;
-        border-radius: 0 6px 6px 0;
-        background-color: #FFD700;
-        color: #000;
-        font-weight: bold;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
-    .search-bar button:hover {
-        background-color: #FFC700;
-    }
-
-    .artist-list {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
-    .artist-item {
-        background: rgba(15, 15, 15, 0.9); /* Dark background */
-        border: 1px solid #FFD700;
-        color: #FFD700;
-        padding: 15px;
-        margin-bottom: 15px;
-        border-radius: 10px;
-        backdrop-filter: blur(4px); /* Adds slight blur to the background */
-        transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-    }
-    .artist-item::before {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(255, 215, 0, 0.1); /* Yellow overlay */
-        opacity: 0;
-        transition: opacity 0.3s ease;
-    }
-    .artist-item:hover::before {
-        opacity: 1;
-    }
-    .artist-item:hover {
-        transform: scale(1.05); /* Grows slightly on hover */
-        background: rgba(255, 215, 0, 0.1); /* Slight yellow tint on hover */
-        box-shadow: 0px 10px 20px rgba(255, 215, 0, 0.3); /* Glow effect */
-    }
-    .artist-item:hover .description {
-        opacity: 1;
-        transform: translateY(0); /* Slides in the description */
-    }
-    .description {
-        display: block;
-        margin-top: 5px;
-        color: #AAA; /* Slightly lighter color for description */
-        font-size: 0.9rem;
-        opacity: 0;
-        transform: translateY(10px);
-        transition: opacity 0.3s ease, transform 0.3s ease;
-    }
-    .description a {
-        color: #FFD700;
-        text-decoration: none;
-        font-weight: bold;
-    }
-    .description a:hover {
-        text-decoration: underline;
-    }
-</style>
-
-<script>
-    function searchGoogle() {
-        const query = document.getElementById('searchQuery').value;
-        if (query) {
-            const googleSearchUrl = `https://www.google.com/search?q=${encodeURIComponent(query)}+underground+artists`;
-            window.open(googleSearchUrl, '_blank'); // Opens Google search in a new tab
-        } else {
-            alert("Please enter a search term."); // Alert if search is empty
-        }
-    }
-</script>

From baa5b27aa5541891b0fca22ecfe99b31732c9897 Mon Sep 17 00:00:00 2001
From: nikhilsna <nikhilnarayan261@gmail.com>
Date: Thu, 14 Nov 2024 12:31:15 -0800
Subject: [PATCH 3/4] commit discover new artists

---
 .../share_and_care/undgdmusic/frontpage.md    | 175 ++++++++++++++++++
 1 file changed, 175 insertions(+)

diff --git a/navigation/share_and_care/undgdmusic/frontpage.md b/navigation/share_and_care/undgdmusic/frontpage.md
index 04445d38..25e4d837 100644
--- a/navigation/share_and_care/undgdmusic/frontpage.md
+++ b/navigation/share_and_care/undgdmusic/frontpage.md
@@ -426,3 +426,178 @@ async function fetchChannels(groupName) {
     fetchGroups();
 </script>
 
+<!-- Discover New Artists Tab Content -->
+<div class="tab-content" id="discover">
+    <div class="chatroom-container">
+        <h2>Discover New Artists</h2>
+        
+        <!-- Search Bar -->
+        <div class="search-bar">
+            <input type="text" id="searchQuery" placeholder="Search for more underground artists..." />
+            <button onclick="searchGoogle()">Search</button>
+        </div>
+        
+        <ul class="artist-list">
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Lil Xtra <br>
+                <span class="description">
+                    Most Listened Track: "Under Pressure"<br>
+                    Latest Album: *Lost in the Vibe*<br>
+                    Monthly Listeners: 150,000<br>
+                    Known for mixing emo with rap vibes.<br>
+                    <a href="https://open.spotify.com/track/47DlkXm0LgQcJcz4nry9Gw" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Sad Frosty <br>
+                <span class="description">
+                    Most Listened Track: "ADHD"<br>
+                    Latest Album: *Graveyard Shift*<br>
+                    Monthly Listeners: 200,000<br>
+                    A unique sound with heavy beats and dark lyrics.<br>
+                    <a href="https://open.spotify.com/artist/4VQjfdCN5W8jvwy4AvEnin" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Tokyo's Revenge <br>
+                <span class="description">
+                    Most Listened Track: "GOODMORNINGTOKYO!"<br>
+                    Latest Album: *From the Shadows*<br>
+                    Monthly Listeners: 500,000<br>
+                    Bringing aggressive energy and experimental rap.<br>
+                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Powfu <br>
+                <span class="description">
+                    Most Listened Track: "Death Bed"<br>
+                    Latest Album: *Poems of the Past*<br>
+                    Monthly Listeners: 3,000,000<br>
+                    Known for blending lo-fi beats with heartfelt lyrics.<br>
+                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <li class="artist-item">
+                <strong>Artist Name:</strong> Shinigami <br>
+                <span class="description">
+                    Most Listened Track: "Lovers and Friends"<br>
+                    Latest Album: *Eternal Nightmare*<br>
+                    Monthly Listeners: 100,000<br>
+                    Combines rap and emotional lyrics with a dark, gothic style.<br>
+                    <a href="https://open.spotify.com/artist/spotify-artist-link" target="_blank">Listen on Spotify</a>
+                </span>
+            </li>
+            <!-- Add more artists as needed -->
+        </ul>
+    </div>
+</div>
+
+<style>
+    .chatroom-container h2 {
+        font-size: 2rem;
+        color: #FFD700;
+        text-align: center;
+        margin-bottom: 20px;
+        text-shadow: 0 4px 12px rgba(255, 215, 0, 0.8);
+    }
+    /* Search Bar Styling */
+    .search-bar {
+        display: flex;
+        justify-content: center;
+        margin-bottom: 20px;
+    }
+    .search-bar input[type="text"] {
+        padding: 10px;
+        width: 300px;
+        border: 1px solid #FFD700;
+        border-radius: 6px 0 0 6px;
+        background-color: #333;
+        color: #FFD700;
+        outline: none;
+    }
+    .search-bar button {
+        padding: 10px 15px;
+        border: none;
+        border-radius: 0 6px 6px 0;
+        background-color: #FFD700;
+        color: #000;
+        font-weight: bold;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+    }
+    .search-bar button:hover {
+        background-color: #FFC700;
+    }
+
+    .artist-list {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+    .artist-item {
+        background: rgba(15, 15, 15, 0.9); /* Dark background */
+        border: 1px solid #FFD700;
+        color: #FFD700;
+        padding: 15px;
+        margin-bottom: 15px;
+        border-radius: 10px;
+        backdrop-filter: blur(4px); /* Adds slight blur to the background */
+        transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
+        position: relative;
+        overflow: hidden;
+        cursor: pointer;
+    }
+    .artist-item::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(255, 215, 0, 0.1); /* Yellow overlay */
+        opacity: 0;
+        transition: opacity 0.3s ease;
+    }
+    .artist-item:hover::before {
+        opacity: 1;
+    }
+    .artist-item:hover {
+        transform: scale(1.05); /* Grows slightly on hover */
+        background: rgba(255, 215, 0, 0.1); /* Slight yellow tint on hover */
+        box-shadow: 0px 10px 20px rgba(255, 215, 0, 0.3); /* Glow effect */
+    }
+    .artist-item:hover .description {
+        opacity: 1;
+        transform: translateY(0); /* Slides in the description */
+    }
+    .description {
+        display: block;
+        margin-top: 5px;
+        color: #AAA; /* Slightly lighter color for description */
+        font-size: 0.9rem;
+        opacity: 0;
+        transform: translateY(10px);
+        transition: opacity 0.3s ease, transform 0.3s ease;
+    }
+    .description a {
+        color: #FFD700;
+        text-decoration: none;
+        font-weight: bold;
+    }
+    .description a:hover {
+        text-decoration: underline;
+    }
+</style>
+
+<script>
+    function searchGoogle() {
+        const query = document.getElementById('searchQuery').value;
+        if (query) {
+            const googleSearchUrl = `https://www.google.com/search?q=${encodeURIComponent(query)}+underground+artists`;
+            window.open(googleSearchUrl, '_blank'); // Opens Google search in a new tab
+        } else {
+            alert("Please enter a search term."); // Alert if search is empty
+        }
+    }
+</script>

From 9e74778a654749cf8598152d1fd48b3bcd6a691d Mon Sep 17 00:00:00 2001
From: Ellioty15 <elliotyschool@gmail.com>
Date: Thu, 14 Nov 2024 12:47:48 -0800
Subject: [PATCH 4/4] changes to frontpage

---
 navigation/share_and_care/undgdmusic/frontpage.md | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/navigation/share_and_care/undgdmusic/frontpage.md b/navigation/share_and_care/undgdmusic/frontpage.md
index 25e4d837..8e5cc7c1 100644
--- a/navigation/share_and_care/undgdmusic/frontpage.md
+++ b/navigation/share_and_care/undgdmusic/frontpage.md
@@ -197,9 +197,17 @@ permalink: /undgdmusic/
             <select id="group_id" name="group_id" required>
                 <option value="">Select a group</option>
             </select>
-            <label for="channel_id">Channel:</label>
-            <select id="channel_id" name="channel_id" required>
+            <label for="Artists">Channel:</label>
+            <select id="Artists" name="Artists" required>
                 <option value="">Select a channel</option>
+            </select>
+             <label for="Songs">Channel:</label>
+            <select id="Songs" name="Songs" required>
+                <option value="">Select a channel</option>
+             <label for="Genres">Channel:</label>
+            <select id="Genres" name="Genres" required>
+                <option value="">Select a channel</option>
+            </select>
             </select>
             <button type="submit">Select</button>
         </form>