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

page layout

Browse Source
This commit is contained in:
iou1name 2018-09-12 17:52:38 -04:00
parent 0c3ccba783
commit 9a2938ae48
2 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/musik.css
View File

@ -1,2 +1,20 @@
body {
#mainContainer {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
#navigationContainer {
flex: auto;
overflow: auto;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
#navItems {
list-style-type: none;
}

17
templates/index.html
View File

@ -6,14 +6,23 @@
<script type="text/javascript" src="/static/musik.js"></script>
</head>
<body>
<h1>Musik</h1>
<div id="navigation">
<div id="mainContainer">
<center><h1>Musik</h1></center>
<div id="navigationContainer">
<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">
<hr>
<center>
<div id="nowPlaying"><h3>{{ initial_track.replace('%2F', '/') }}</h3></div>
<audio id="player" controls>
<source id="stream" src="{{ url_for('stream', track=track) }}" type="audio/ogg">
<source id="stream" src="{{ url_for('stream', track=initial_track) }}" type="audio/ogg">
</audio>
</center>
</div>
</div>
</body>
</html>