Make use of the new icons, also add some styling for them.
This commit is contained in:
parent
38c3e11b07
commit
69f24a6b7b
@ -126,6 +126,11 @@ section { margin-top: 1rem; }
|
|||||||
|
|
||||||
#player p { text-indent: 1rem; }
|
#player p { text-indent: 1rem; }
|
||||||
|
|
||||||
|
#player img {
|
||||||
|
filter: drop-shadow(0px 0px 4px var(--text-color));
|
||||||
|
height: 1rem;
|
||||||
|
padding: 0 .7rem; }
|
||||||
|
|
||||||
button#radio-play {
|
button#radio-play {
|
||||||
-webkit-mask-image: url(/assets/img/play.svg);
|
-webkit-mask-image: url(/assets/img/play.svg);
|
||||||
background-color: var(--primary-color);
|
background-color: var(--primary-color);
|
||||||
|
@ -68,19 +68,19 @@ templ Index(curSong *radio.Song, sl []radio.Song, slLen int64, lstnrs *radio.Lis
|
|||||||
<div>
|
<div>
|
||||||
if curSong != nil && curSong.Artist != "" {
|
if curSong != nil && curSong.Artist != "" {
|
||||||
<p>
|
<p>
|
||||||
<b>Listeners:</b> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
|
<img src="/assets/img/listener.svg" /> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
|
||||||
<b>Duration:</b> <span id="radio-duration-estimate"></span><span id="radio-duration">{ curSong.DurationString() }</span>
|
<img src="/assets/img/duration.svg" /> <span id="radio-duration-estimate"></span><span id="radio-duration">{ curSong.DurationString() }</span>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<b>Song:</b> <span id="radio-song">{ curSong.Artist } - { curSong.Title }</span>
|
<img src="/assets/img/note.svg" /> <span id="radio-song">{ curSong.Artist } - { curSong.Title }</span>
|
||||||
</p>
|
</p>
|
||||||
} else {
|
} else {
|
||||||
<p>
|
<p>
|
||||||
<b>Listeners:</b> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
|
<img src="/assets/img/listener.svg" /> <span id="radio-listeners">{ strconv.FormatInt(lstnrs.Current(), 10) }</span>
|
||||||
<b>Duration:</b> <span id="radio-duration-estimate"></span><span id="radio-duration">0:00</span>
|
<img src="/assets/img/duration.svg" /> <span id="radio-duration-estimate"></span><span id="radio-duration">0:00</span>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<b>Song:</b> <span id="radio-song">-</span>
|
<img src="/assets/img/note.svg" /> <span id="radio-song">-</span>
|
||||||
</p>
|
</p>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user