Musik/templates/index.html

32 lines
904 B
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="mainContainer">
<center><h1>Musik</h1></center>
<div id="navigationContainer">
<div id="currentDirectory">{{ cd }}</div>
<ul id="navItems">
{% for item in nav_items %}
<li><a href="javascript:void(0);" onclick="navigate('{{ item }}')">{{ item }}</a></li>
{% endfor %}
</ul>
</div>
<div id="playerContainer">
<center>
<div><h3 id="nowPlaying">{{ initial_track }}</h3></div>
<audio id="player" controls>
<source id="stream" src="{{ url_for('stream', track=initial_track) }}" type="audio/ogg">
</audio>
<div><input type="checkbox" id="shuffle">Shuffle</input>
</center>
</div>
</div>
</body>
</html>