diff options
author | Indrajith K L | 2022-11-25 03:28:07 +0530 |
---|---|---|
committer | Indrajith K L | 2022-11-25 03:28:07 +0530 |
commit | 3573342b8fd77ad7ea84b3037e9ffe520173e3a2 (patch) | |
tree | 54eae262997c9c5a0676111faa6e040d671a26e7 /index.html | |
download | retrowave-player-3573342b8fd77ad7ea84b3037e9ffe520173e3a2.tar.gz retrowave-player-3573342b8fd77ad7ea84b3037e9ffe520173e3a2.tar.bz2 retrowave-player-3573342b8fd77ad7ea84b3037e9ffe520173e3a2.zip |
Initial Commit
TODO: Keyboard Navigation
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..46d0cc9 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Retrowave Player</title> + <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script> + <link rel="stylesheet" href="hg.css"> +</head> + +<body> + <dialog id="dialog"> + <p>Welcome to Retrowave Player</p> + <form method="dialog"> + <button id="initButton">OK</button> + </form> + </dialog> + <div id="app"> + <div class="music-player" + style="background-image: url("http://retrowave.ru/artwork/ffd65c85c036971075677e76e6b250eef4c6ef2e.jpg"); background-position: 50% 50%; background-repeat: no-repeat;"> + <div class="title-content"> + <div class="intro">Now Playing</div> + <hr> + <h3 id="track-name">Retrowave Player</h3> + </div> + <div class="gradient-overlay"></div> + <div class="color-overlay"></div> + <div id="history">history</div> + <div id="info">info</div> + </div> + </div> + <script src="player.js"></script> +</body> + +</html>
\ No newline at end of file |