Initial Commit

TODO: Keyboard Navigation
2022-11-25 03:28:07 +05:30
commit 3573342b8f
5 changed files with 374 additions and 0 deletions
--- a/index.html
+++ 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(&quot;http://retrowave.ru/artwork/ffd65c85c036971075677e76e6b250eef4c6ef2e.jpg&quot;); 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>