aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--hg.css37
-rw-r--r--index.html21
2 files changed, 25 insertions, 33 deletions
diff --git a/hg.css b/hg.css
index 032357c..2d5c8ca 100644
--- a/hg.css
+++ b/hg.css
@@ -142,26 +142,6 @@ hr {
line-height: 18px;
}
-#upload-info {
- bottom: 0px;
- position: absolute;
- right: 8px;
- z-index: 999;
- color: #ffffff;
- margin-bottom: 5px;
- cursor: pointer;
-}
-
-#history {
- bottom: 0px;
- position: absolute;
- left: 8px;
- z-index: 999;
- color: #ffffff;
- margin-bottom: 5px;
- cursor: pointer;
-}
-
dialog {
text-align: center;
padding: 50px;
@@ -254,14 +234,19 @@ dialog::backdrop {
font-size: larger;
}
-#source {
- bottom: 4px;
+.footer {
position: absolute;
- text-align: center;
- left: 138px;
+ bottom: 0px;
+ width: 350px;
+ display: flex;
+ color: #ffffff;
z-index: 999;
}
-#source a {
- color: white;
+.footer .footer-items {
+ text-decoration: none;
+ cursor: pointer;
+ padding-left: 10px;
+ color: #ffffff;
+ justify-content: center;
} \ No newline at end of file
diff --git a/index.html b/index.html
index abf1ece..96d423a 100644
--- a/index.html
+++ b/index.html
@@ -18,10 +18,12 @@
<div class="modal-container">
<h3 class="text-center">Welcome to Retrowave Player</h3>
<p class="mt-5">Here are the controls:</p>
- <h4 class="mt-5">Play/Pause <span class="controls">x or Click or Touch</span></h4>
- <h4 class="mt-5">Volume Up <span class="controls">w or Swipe Up</span></h4>
- <h4 class="mt-5">Volume Down <span class="controls">s or Swipe Down</span></h4>
- <p class="mt-5">(You can download the music history of your current browser by clicking the history link on the player)</p>
+ <h4 class="mt-5">Play/Pause <span class="controls">x or Click or Touch</span></h4>
+ <h4 class="mt-5">Volume Up <span class="controls">w or Swipe Up</span></h4>
+ <h4 class="mt-5">Volume Down <span class="controls">s or Swipe Down</span></h4>
+ <p class="mt-5">(You can download the music history of your current browser by clicking the history link on
+ the player)</p>
+ <p class="mt-5">All the music is fetched from retrowave.ru</p>
<button class="modal-close modal-exit" id="initButton">X</button>
</div>
</div>
@@ -34,12 +36,17 @@
</div>
<div class="gradient-overlay"></div>
<div class="color-overlay"></div>
- <div id="history" class="no-pause">history</div>
- <div id="source"><a href="https://git.indrajith.dev/retrowave-player/" target="_blank">source code</a></div>
+ <div class="footer">
+ <div id="history" class="no-pause footer-items">history</div>
+ <div id="source"><a class="no-pause footer-items" href="https://git.indrajith.dev/retrowave-player/"
+ target="_blank">source code</a></div>
+ <div id="retrowaveru" class="no-pause"><a class="no-pause footer-items" href="http://retrowave.ru/"
+ target="_blank">retrowave.ru</a></div>
+ </div>
<!-- <div id="upload-info" class="no-pause" title="Upload a playlist (downloaded from history)">Upload</div> -->
</div>
</div>
- <input id="file-upload" type="file" accept="application/json"/>
+ <input id="file-upload" type="file" accept="application/json" />
<script src="player.js"></script>
</body>