Musik/templates/index.html
2019-02-04 10:06:58 -05:00

46 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Musik</title>
<link rel="stylesheet" type="text/css" href="/static/musik.css">
<script type="text/javascript" src="/static/musik.js"></script>
<script>window.onload = load;</script>
</head>
<body>
<div id="globalContainer">
<div id="titleContainer"><h1>Musik</h1></div>
<div id="navigationContainer">
<div id="selectArtistContainer">
<select id="selectArtist" size="2">
{% for artist in artists %}
<!--<li><a href="javascript:void(0);" onclick="navigate('{{ item }}')">{{ item }}</a></li>-->
<option>{{ artist }}</option>
{% endfor %}
</select>
</div>
<div id="selectAlbumContainer">
<select id="selectAlbum" size="2">
</select>
</div>
<div id="selectTrackContainer">
<select id="selectTrack" size="2">
</select>
</div>
</div>
<div id="playerContainer">
<span id="albumCover"><img src=""/></span>
<span id="playerControls">
<h3 id="nowPlaying"></h3>
<audio id="player" controls>
<source id="stream" src="" type="audio/ogg">
</audio>
<div>
<input type="checkbox" name="shuffle" id="shuffle" checked="true">
<label for="shuffle">Shuffle</label>
</div>
</span>
</div>
</div>
</body>
</html>