indrajith/retrowave-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

* Style Fixes

Browse Source 
* Credits added
This commit is contained in:
Indrajith K L
2022-11-27 16:09:01 +05:30
parent 2604c2f88b
commit 521258c17f
2 changed files with 25 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
hg.css
View File

@@ -142,26 +142,6 @@ hr {
line-height: 18px; 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 { dialog {
text-align: center; text-align: center;
padding: 50px; padding: 50px;
@@ -254,14 +234,19 @@ dialog::backdrop {
font-size: larger; font-size: larger;
} }
#source { .footer {
bottom: 4px;
position: absolute; position: absolute;
text-align: center; bottom: 0px;
left: 138px; width: 350px;
display: flex;
color: #ffffff;
z-index: 999; z-index: 999;
} }
#source a { .footer .footer-items {
color: white; text-decoration: none;
cursor: pointer;
padding-left: 10px;
color: #ffffff;
justify-content: center;
} }

21
index.html
View File

@@ -18,10 +18,12 @@
<div class="modal-container"> <div class="modal-container">
<h3 class="text-center">Welcome to Retrowave Player</h3> <h3 class="text-center">Welcome to Retrowave Player</h3>
<p class="mt-5">Here are the controls:</p> <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">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 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> <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">(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> <button class="modal-close modal-exit" id="initButton">X</button>
</div> </div>
</div> </div>
@@ -34,12 +36,17 @@
</div> </div>
<div class="gradient-overlay"></div> <div class="gradient-overlay"></div>
<div class="color-overlay"></div> <div class="color-overlay"></div>
<div id="history" class="no-pause">history</div> <div class="footer">
<div id="source"><a href="https://git.indrajith.dev/retrowave-player/" target="_blank">source code</a></div> <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 id="upload-info" class="no-pause" title="Upload a playlist (downloaded from history)">Upload</div> -->
</div> </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> <script src="player.js"></script>
</body> </body>