- add online music player

- add new tool to index, sidebar and sitemap

Author: TobiasMue91

index.html

@@ -304,6 +304,12 @@ <h2>Newest Additions</h2>
     </label>
 </div>
 <div class="game-list newest">
+    <div class="game-card">
+        <a href="tools/online_music_player.html">
+            <img src="screenshots/screenshot_148.png" alt="Online Music Player" loading="lazy">
+            <h2>Online Music Player</h2>
+        </a>
+    </div>
     <div class="game-card">
         <a href="tools/fractal_viewer.html">
             <img src="screenshots/screenshot_147.png" alt="Fractal Viewer" loading="lazy">
@@ -340,12 +346,6 @@ <h2>SQL Minifier & Formatter</h2>
             <h2>PHP Code Minifier</h2>
         </a>
     </div>
-    <div class="game-card">
-        <a href="tools/pomodoro_timer.html">
-            <img src="screenshots/screenshot_140.png" alt="Pomodoro Timer" loading="lazy">
-            <h2>Pomodoro Timer</h2>
-        </a>
-    </div>
 </div>
 <div class="header">
     <h1>Top Games and Tools</h1>
@@ -1526,6 +1526,13 @@ <h2>Fractal Viewer</h2>
             <p>Explore mesmerizing fractals with our interactive Fractal Viewer. Customize, zoom, and save your unique creations.</p>
         </a>
     </div>
+    <div class="game-card">
+        <a href="tools/online_music_player.html">
+            <img src="screenshots/screenshot_148.png" alt="Online Music Player" loading="lazy">
+            <h2>Online Music Player</h2>
+            <p>A feature-rich online music player with playlist support, visualizer, and more.</p>
+        </a>
+    </div>
     <!-- end -->
 </div>
 <div class="footer">

screenshots/screenshot_148.png

@@ -234,6 +234,7 @@ <h2>Tools by ChatGPT</h2>
       <li><a href="/tools/daily_quote_generator.html">Daily Quote Generator</a></li>
       <li><a href="/tools/reading_time_estimator.html">Reading Time Estimator</a></li>
       <li><a href="/tools/fractal_viewer.html">Fractal Viewer</a></li>
+      <li><a href="/tools/online_music_player.html">Online Music Player</a></li>
 <!-- end -->
     </ul>
   </div>