iou1name/Scorch
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lighthouse score

Browse Source
This commit is contained in:
iou1name 2020-06-16 10:11:38 -04:00
parent c3e19308aa
commit 656f869f58
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/scorch.css
View File

@ -7,7 +7,7 @@ body {
} }
img { img {
max-height: 100%; max-height: 30vh;
} }
main { main {
@ -44,8 +44,10 @@ main {
#playerContainer { #playerContainer {
grid-area: f; grid-area: f;
height: auto;
max-height: 30vh;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
#albumCover {
padding-right: 1em;
}

8
templates/index.html
View File

@ -15,22 +15,22 @@
<h1>Scorch</h1> <h1>Scorch</h1>
</div> </div>
<div id="artistListContainer" class="list"> <div id="artistListContainer" class="list">
<select id="artistList" size="2" class="list" onchange="select_artist(this)"> <select id="artistList" aria-label="Artist list" size="2" class="list" onchange="select_artist(this)">
{% for artist in artists %} {% for artist in artists %}
<option value="{{ artist }}">{{ artist }}</option> <option value="{{ artist }}">{{ artist }}</option>
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
<div id="albumListContainer" class="list"> <div id="albumListContainer" class="list">
<select id="albumList" size="2" class="list" onchange="select_album(this)"> <select id="albumList" aria-label="Artist list" size="2" class="list" onchange="select_album(this)">
</select> </select>
</div> </div>
<div id="trackListContainer" class="list"> <div id="trackListContainer" class="list">
<select id="trackList" size="2" class="list" onchange="select_track(this)"> <select id="trackList" aria-label="Artist list" size="2" class="list" onchange="select_track(this)">
</select> </select>
</div> </div>
<div id="playerContainer"> <div id="playerContainer">
<span id="albumCover"><img src=""></span> <span id="albumCover"><img alt="Album cover art" src=""></span>
<span id="playerControls"> <span id="playerControls">
<h4><span id="nowPlayingArtist"></span> - <span id="nowPlayingAlbum"></span></h4> <h4><span id="nowPlayingArtist"></span> - <span id="nowPlayingAlbum"></span></h4>
<h3 id="nowPlayingTitle"></h3> <h3 id="nowPlayingTitle"></h3>