Updated music view

This commit is contained in:
Ascendings 2016-04-20 23:57:19 -04:00
parent 2a63d428e4
commit 82c486e89a

View File

@ -18,8 +18,8 @@
<!-- no javascript warning --> <!-- no javascript warning -->
<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript> <noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
<!-- current album details --> <!-- left album stuff -->
<section class="col-sm-5 col-xs-12"> <article class="col-sm-5 col-xs-12">
<div class="thumbnail shadow-1"> <div class="thumbnail shadow-1">
<img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}"> <img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
<div class="caption"> <div class="caption">
@ -30,11 +30,25 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
</section> </article>
<!-- current playlist --> <!-- right album stuff -->
<section class="card col-sm-7 col-xs-12"> <div class="col-sm-7 col-xs-12">
</section> <article id="music-player-card" class="card">
<audio id="music-player" controls>
<source src="{{ albums[0].songs[0].audio_file }}.ogg" type="audio/ogg" />
<source src="{{ albums[0].songs[0].audio_file }}.mp3" type="audio/mpeg" />
</audio>
</article>
<article class="card">
<ul>
{% for song in album.songs %}
<li>{{ song.title }}</li>
{% endfor %}
</ul>
</article>
</div>
</section> </section>
<!-- available albums --> <!-- available albums -->