index.html (2.0 KB)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💿</text></svg>"> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 7 <meta name="theme-color" content="#080a0c"> 8 <meta name="apple-mobile-web-app-capable" content="yes"> 9 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 10 <link rel="apple-touch-icon" href="resources/icon.png"> 11 <link rel="manifest" href="manifest.json"> 12 <title>my mixapp</title> 13 <link rel="stylesheet" href="resources/styles.css"> 14 <link rel="stylesheet" href="mix/custom.css" onerror="this.remove()"> 15 </head> 16 <body> 17 <div class="window-container"> 18 <div class="player-container"> 19 <div class="current-track" id="currentTrack">No track playing</div> 20 <div class="progress-container" id="progressContainer"> 21 <div class="progress-bar" id="progressBar"> 22 <span class="progress-text progress-text-left" id="progressTextLeft"></span> 23 <span class="progress-text progress-text-center" id="progressTextCenter"></span> 24 </div> 25 </div> 26 <div class="playlist-wrapper"> 27 <div class="shadow-overlay"></div> 28 <div class="playlist" id="playlist"></div> 29 </div> 30 </div> 31 <div class="controls"> 32 <div class="controls-inner"> 33 <button class="control-button" id="prev"></button> 34 <button class="control-button" id="playPause"></button> 35 <button class="control-button" id="next"></button> 36 </div> 37 </div> 38 </div> 39 40 <audio id="audioPlayer"></audio> 41 42 <script src="resources/script.js"></script> 43 <script> 44 // Load reorder UI only on local networks. 45 if (typeof isLocal !== 'undefined' && isLocal) { 46 const s = document.createElement('script'); 47 s.src = 'resources/reorder.js'; 48 document.body.appendChild(s); 49 } 50 </script> 51 <script src="mix/custom.js" onerror="this.remove()"></script> 52 </body> 53 </html>