Updated music view
This commit is contained in:
parent
2a63d428e4
commit
82c486e89a
@ -18,8 +18,8 @@
|
||||
<!-- no javascript warning -->
|
||||
<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
|
||||
|
||||
<!-- current album details -->
|
||||
<section class="col-sm-5 col-xs-12">
|
||||
<!-- left album stuff -->
|
||||
<article class="col-sm-5 col-xs-12">
|
||||
<div class="thumbnail shadow-1">
|
||||
<img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
|
||||
<div class="caption">
|
||||
@ -30,11 +30,25 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<!-- current playlist -->
|
||||
<section class="card col-sm-7 col-xs-12">
|
||||
</section>
|
||||
<!-- right album stuff -->
|
||||
<div class="col-sm-7 col-xs-12">
|
||||
<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>
|
||||
|
||||
<!-- available albums -->
|
||||
|
Loading…
Reference in New Issue
Block a user