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;
} }

25
templates/index.html
View File

@ -6,14 +6,23 @@
<script type="text/javascript" src="/static/musik.js"></script> <script type="text/javascript" src="/static/musik.js"></script>
</head> </head>
<body> <body>
<h1>Musik</h1> <div id="mainContainer">
<div id="navigation"> <center><h1>Musik</h1></center>
</div> <div id="navigationContainer">
<div id="playerContainer"> <ul id="navItems">
<hr> {% for item in nav_items %}
<audio id="player" controls> <li><a href="javascript:void(0);" onclick="navigate('{{ item }}')">{{ item }}</a></li>
<source id="stream" src="{{ url_for('stream', track=track) }}" type="audio/ogg"> {% endfor %}
</audio> </ul>
</div>
<div id="playerContainer">
<center>
<div id="nowPlaying"><h3>{{ initial_track.replace('%2F', '/') }}</h3></div>
<audio id="player" controls>
<source id="stream" src="{{ url_for('stream', track=initial_track) }}" type="audio/ogg">
</audio>
</center>
</div>
</div> </div>
</body> </body>
</html> </html>