page layout

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

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

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 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>
<div id="playerContainer"> <div id="playerContainer">
<hr> <center>
<div id="nowPlaying"><h3>{{ initial_track.replace('%2F', '/') }}</h3></div>
<audio id="player" controls> <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> </audio>
</center>
</div>
</div> </div>
</body> </body>
</html> </html>