Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Lofi Radio Player</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="player-container"> | |
| <div class="player-card"> | |
| <div class="visualizer-container"> | |
| <canvas id="visualizer"></canvas> | |
| </div> | |
| <div class="controls"> | |
| <div class="play-button" id="playButton"> | |
| <svg class="play-icon" viewBox="0 0 24 24"> | |
| <path d="M8 5v14l11-7z"/> | |
| </svg> | |
| <svg class="pause-icon" viewBox="0 0 24 24"> | |
| <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="track-info"> | |
| <span class="station-name">Lofi Radio</span> | |
| </div> | |
| </div> | |
| </div> | |
| <script type="module" src="main.js"></script> | |
| </body> | |
| </html> |