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;
}
#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;
}

21
index.html
View 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>