update the same

harshsinghcs · Oct 15, 2023 · 7c3cb7b · 7c3cb7b
1 parent 663cf99
commit 7c3cb7b
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 93 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5501
+    "liveServer.settings.port": 5502
 }
diff --git a/footer.css b/footer.css
diff --git a/index.html b/index.html
@@ -6,7 +6,8 @@
     <title>Productivity Dashboard</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
     <link rel="stylesheet" href="styles.css">
-    <link rel="stylesheet" href="footer.css">
+    <link rel="stylesheet" href="CSS/footer.css">
+    <link rel="stylesheet" href="CSS/music.css">
 </head>
 <body>
     <div class="w-full container mx-auto p-4">
@@ -50,31 +51,12 @@ <h2 class="text-xl mb-4">To-Do List</h2>
                         <!-- Tasks will be displayed here -->
                     </div>
                 </div>
-
-
             </div>
         </div>
     </div>
-    <div>
-        <h1>Play a Song</h1>
-            <div class="music-player">
-                <input type="text" id="musicLink" placeholder="Paste the music link here">
-                <button id="playButton">Play</button>
-             </div>
-         <audio id="music" controls></audio>
-    </div>
-
-    <footer>
-        <div class="footer-content">
-            <p>&copy; 2023 WorkZenith. All rights reserved.</p>
-            <ul>
-                <li><a href="#">Privacy Policy</a></li>
-                <li><a href="#">Terms of Service</a></li>
-            </ul>
-        </div>
-    </footer>
 
     <script src="script.js"></script>
+    <script src="JS/music.js"></script>
     <script src="https://kit.fontawesome.com/0ddc63a6de.js" crossorigin="anonymous"></script>
     <script src="https://sdk.scdn.co/spotify-player.js"></script>
 </body>

diff --git a/script.js b/script.js
@@ -208,20 +208,4 @@ function unassignPrimaryTask() {
 // Website Blocker
 // Add JavaScript code for website blocker here
 
-// Spotify Music Player
-// Add JavaScript code for Spotify music player here
 
-const musicLink = document.getElementById('musicLink');
-const playButton = document.getElementById('playButton');
-const music = document.getElementById('music');
-
-playButton.addEventListener('click', () => {
-    const link = musicLink.value.trim();
-
-    if (link) {
-        music.src = link;
-        music.play();
-    } else {
-        alert('Please enter a valid music link.');
-    }
-});
diff --git a/styles.css b/styles.css
@@ -3,29 +3,12 @@ body {
     text-align: center;
 }
 
-.music-player {
-    margin: 20px;
-}
-
 input[type="text"] {
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }
 
-#playButton {
-    background-color: #4CAF50;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    padding: 8px 16px;
-    cursor: pointer;
-}
-
-#playButton:hover {
-    background-color: #45a049;
-}
-
-#playButton:active {
-    background-color: #3e8741;
+h1{
+    color: blue;
 }