Public/radio-free-elsewhere
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cosmetic updates to now playing display.

Browse Source
This commit is contained in:
Daniel Messer
2026-05-21 14:37:54 -04:00
parent 9e64bbd4e9
commit 9db31d0664
1 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.php
+21 -7
View File
@@ -31,15 +31,28 @@
<link rel="stylesheet" href="assets/css/main.css" /> <link rel="stylesheet" href="assets/css/main.css" />
<style> <style>
.player-wrapper {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
#now-playing img {
margin: 0 auto;
}
.player-wrapper audio {
width: 100%;
}
#now-playing { #now-playing {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
font-size: .7em; font-size: .9em;
padding: 10px; padding: 10px;
background-color: #46494A; background-color: rgb(70, 73, 74, 0.6);
color: #97C9D3; color: #97C9D3;
border-radius: 5px; border-radius: 5px;
display: inline-block; display: block;
text-align: center; text-align: center;
box-sizing: border-box;
width: 100%;
} }
</style> </style>
</head> </head>
@@ -64,10 +77,11 @@
<!-- <span class="image right"><img src="images/omorains-icon.jpg" alt="" /></span></p> --> <!-- <span class="image right"><img src="images/omorains-icon.jpg" alt="" /></span></p> -->
<!-- <span class="image right"><img src="images/bisexual-icon.jpg" alt="" /></span></p> --> <!-- <span class="image right"><img src="images/bisexual-icon.jpg" alt="" /></span></p> -->
<div id="now-playing">Loading current song...</div> <div class="player-wrapper">
<br> <div id="now-playing">Loading current song...</div>
<br>
<audio controls src="https://radio.cyberpunklibrarian.nohost.me/rfe"></audio> <audio controls src="https://radio.cyberpunklibrarian.nohost.me/rfe"></audio>
</div>
<script> <script>
function fetchNowPlaying() { function fetchNowPlaying() {