diff options
| -rw-r--r-- | hg.css | 37 | ||||
| -rw-r--r-- | index.html | 21 |
2 files changed, 25 insertions, 33 deletions
@@ -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 @@ -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> |