index.html (1.9 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="manifest" href="manifest.json"> 11 <title>my mixapp</title> 12 <link rel="stylesheet" href="resources/styles.css"> 13 <link rel="stylesheet" href="mix/custom.css" onerror="this.remove()"> 14 </head> 15 <body> 16 <div class="window-container"> 17 <div class="player-container"> 18 <div class="current-track" id="currentTrack"></div> 19 <div class="progress-container" id="progressContainer"> 20 <div class="progress-bar" id="progressBar"> 21 <span class="progress-text progress-text-left" id="progressTextLeft"></span> 22 <span class="progress-text progress-text-center" id="progressTextCenter"></span> 23 </div> 24 </div> 25 <div class="playlist-wrapper"> 26 <div class="shadow-overlay"></div> 27 <div class="playlist" id="playlist"></div> 28 </div> 29 </div> 30 <div class="controls"> 31 <div class="controls-inner"> 32 <button class="control-button" id="prev"></button> 33 <button class="control-button" id="playPause"></button> 34 <button class="control-button" id="next"></button> 35 </div> 36 </div> 37 </div> 38 39 <audio id="audioPlayer"></audio> 40 41 <script src="resources/script.js"></script> 42 <script> 43 if (typeof isLocal !== 'undefined' && isLocal && typeof isInstalled !== 'undefined' && !isInstalled) { 44 const s = document.createElement('script'); 45 s.src = 'resources/dev.js'; 46 document.body.appendChild(s); 47 } 48 </script> 49 <script src="mix/custom.js" onerror="this.remove()"></script> 50 </body> 51 </html>