An easy way to have a 24/7 audio stream of music.

Minor styles changes

kdy.ch a3dbaf24 df1a2482

Changed files
+9 -4
+4 -4
status.xsl
···
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-
<title>Radio Rita.moe</title>
<link rel="icon" href="https://rita.moe/rita-icon.png" />
<link rel="stylesheet" type="text/css" href="style-status.css" />
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
···
</head>
<body>
<div class="content">
-
<h1 id="header">Radio Rita.moe</h1>
<!--mount point stats-->
<xsl:for-each select="source">
<xsl:choose>
···
.then(j => {
setTimeout(_ => {
e.querySelector('.playing').innerHTML = j.icestats.source.title
-
}, 5000)
})
})
}
-
setInterval(np, 3000)
document.querySelectorAll('audio').forEach(e => {
new Plyr(e, {
···
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+
<title>RRM - radio.rita.moe</title>
<link rel="icon" href="https://rita.moe/rita-icon.png" />
<link rel="stylesheet" type="text/css" href="style-status.css" />
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
···
</head>
<body>
<div class="content">
+
<h1 id="header">radio.rita.moe</h1>
<!--mount point stats-->
<xsl:for-each select="source">
<xsl:choose>
···
.then(j => {
setTimeout(_ => {
e.querySelector('.playing').innerHTML = j.icestats.source.title
+
}, 3000)
})
})
}
+
setInterval(np, 5000)
document.querySelectorAll('audio').forEach(e => {
new Plyr(e, {
+5
style-status.css
···
margin-right: 0;
}
#footer {
border-top: 1px groove #ACACAC;
font-size: 80%;
···
margin-right: 0;
}
+
.audiooplayer .plyr__controls .plyr__controls__item.plyr__time {
+
flex-grow: 1;
+
text-align: left;
+
}
+
#footer {
border-top: 1px groove #ACACAC;
font-size: 80%;