Added stuff for music player

This commit is contained in:
Ascendings 2015-10-02 01:09:43 -04:00
parent f9e38ab1ac
commit 41a51454b2

View File

@ -9,19 +9,42 @@
</header> </header>
<section id="music-section" class="row"> <section id="music-section" class="row">
<!-- no javascript warning -->
<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
<!-- music player --> <!-- music player -->
<article id="music-player" class="card col-md-5"> <article id="music-player" class="card col-md-5">
<audio>
<source src="/audio/opting_out_ep/01 Opting Out.ogg" type="audio/ogg">
<source src="/audio/opting_out_ep/01 Opting Out.mp3" type="audio/mpeg">
</audio>
<h4>Now Playing</h4>
<ol>
<li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out"><a href="">Opting Out</a></li>
<li data-title="Elsewhere" data-album="Opting Out EP" data-sequence="2" data-path="/audio/opting_out_ep/02 Elsewhere"><a href="">Elsewhere</a></li>
<li data-title="What Happened to Forever?" data-album="Opting Out EP" data-sequence="3" data-path="/audio/opting_out_ep/03 What Happened to Forever"><a href="">What Happened to Forever?</a></li>
<li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady"><a href="">Lady</a></li>
</ol>
</article> </article>
<!-- music playlist section --> <!-- music playlist section -->
<article id="music-lists" class="col-md-7"> <article id="music-list-section" class="col-md-7">
<!-- music playlists --> <!-- music playlists -->
<div class="music-playlist card"> <div class="music-list card">
<h3 class="music-list-header">Opting Out EP</h3> <h3 class="music-list-header selected">Opting Out EP</h3>
<ol>
<li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out"><a href="">Opting Out</a></li>
<li data-title="Elsewhere" data-album="Opting Out EP" data-sequence="2" data-path="/audio/opting_out_ep/02 Elsewhere"><a href="">Elsewhere</a></li>
<li data-title="What Happened to Forever?" data-album="Opting Out EP" data-sequence="3" data-path="/audio/opting_out_ep/03 What Happened to Forever"><a href="">What Happened to Forever?</a></li>
<li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady"><a href="">Lady</a></li>
</ol>
</div> </div>
<div class="music-playlist card"> <div class="music-list card">
<h3 class="music-list-header">Brain Scrub - Single</h3> <h3 class="music-list-header">Brain Scrub - Single</h3>
<ol>
<li data-title="Brain Scrub" data-album="Brain Scrub - Single" data-sequence="1" data-path="/audio/opting_out_ep/01 Brain Scrub"><a href="">Brain Scrub</a></li>
</ol>
</div> </div>
</article> </article>
</section> </section>