|
@@ -64,7 +64,7 @@
|
|
|
|
|
|
<div id="control-container">
|
|
|
<div id="repeat-container">
|
|
|
- <div class="amplitude-repeat" id="repeat"></div>
|
|
|
+ <!--<div class="amplitude-repeat" id="repeat"></div>-->
|
|
|
<div class="amplitude-shuffle amplitude-shuffle-off" id="shuffle"></div>
|
|
|
</div>
|
|
|
|
|
@@ -76,14 +76,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div id="volume-container">
|
|
|
+ <!--<div id="volume-container">
|
|
|
<div class="volume-controls">
|
|
|
<div class="amplitude-mute amplitude-not-muted"></div>
|
|
|
<input type="range" class="amplitude-volume-slider"/>
|
|
|
<div class="ms-range-fix"></div>
|
|
|
</div>
|
|
|
<div class="amplitude-shuffle amplitude-shuffle-off" id="shuffle-right"></div>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
</div>
|
|
|
|
|
|
<div id="meta-container">
|
|
@@ -104,6 +104,9 @@
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<a class="nav-link text-secondary rounded-0 border-top-0 border-left-0 active" data-bs-toggle="tab" data-bs-target="#piano-tab-pane" type="button" role="tab" aria-controls="piano-tab-pane" aria-selected="true"><small>Piano</small></a>
|
|
|
</li>
|
|
|
+ <li class="nav-item" role="presentation">
|
|
|
+ <a class="nav-link text-secondary rounded-0 border-top-0" data-bs-toggle="tab" data-bs-target="#keyboard-tab-pane" type="button" role="tab" aria-controls="keyboard-tab-pane" aria-selected="false"><small>Keyboard</small></a>
|
|
|
+ </li>
|
|
|
<li class="nav-item" role="presentation">
|
|
|
<a class="nav-link text-secondary rounded-0 border-top-0" data-bs-toggle="tab" data-bs-target="#electronic-tab-pane" type="button" role="tab" aria-controls="electronic-tab-pane" aria-selected="false"><small>Electronic</small></a>
|
|
|
</li>
|
|
@@ -379,12 +382,433 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:40</span>
|
|
|
</div>
|
|
|
+ <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="24">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Domenica</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">6:39</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="25">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Down</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:50</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="26">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Feeling Low</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:39</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="27">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">First Flight</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">0:36</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="28">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Halftime</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">5:42</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="29">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Ice</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:39</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="30">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Impression</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:14</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="31">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Never Before Heard</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:59</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="32">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">New Years Day</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:05</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="33">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Night Sun</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:48</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="34">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Piano with Flute & Strings</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:32</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="35">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Piece</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:48</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="36">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Prelude No.7 Opus 21 "Dust of Daybreak"</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">6:39</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="37">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Sketch</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:00</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="38">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Soaring</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:25</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="39">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Time Slips</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:44</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="40">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Valentines</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">8:31</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="41">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Winter</span>
|
|
|
+ <span class="song-artist">Unknown</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:59</span>
|
|
|
+ </div>
|
|
|
+ <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="42">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">1</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:59</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="43">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">2</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">8:31</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="44">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">3</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:15</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="45">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">4</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:25</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="46">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">5</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:48</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="47">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">6</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:05</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="48">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">7</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:39</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="49">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">8</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">0:36</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="50">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">9</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">5:16</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="51">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">10</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:32</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="52">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">11</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:44</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="53">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">12</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">6:57</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="54">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">13</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:14</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="55">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">14</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:03</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="56">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">15</span>
|
|
|
+ <span class="song-artist">Clips for Film</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">0:36</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <!-- Keyboard -->
|
|
|
+ <div class="tab-pane fade" id="keyboard-tab-pane" role="tabpanel" aria-labelledby="keyboard-tab" tabindex="1">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="57">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Circle Clip</span>
|
|
|
+ <span class="song-artist">Delia</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">0:55</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="58">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">No Woman No Cry</span>
|
|
|
+ <span class="song-artist">Delia</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:50</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="59">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">One More Cup of Coffee</span>
|
|
|
+ <span class="song-artist">Delia</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">5:16</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="60">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Rhapsody In O Flat Minor</span>
|
|
|
+ <span class="song-artist">Delia</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">7:51</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="61">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">The River</span>
|
|
|
+ <span class="song-artist">Delia</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">1:18</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Electronic -->
|
|
|
- <div class="tab-pane fade" id="electronic-tab-pane" role="tabpanel" aria-labelledby="electronic-tab" tabindex="0">
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="24">
|
|
|
+ <div class="tab-pane fade" id="electronic-tab-pane" role="tabpanel" aria-labelledby="electronic-tab" tabindex="2">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="62">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -395,7 +819,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:27</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="25">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="63">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -406,7 +830,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">6:39</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="26">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="64">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -417,7 +841,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:02</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="27">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="65">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -428,7 +852,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:02</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="28">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="66">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -439,7 +863,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:02</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="29">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="67">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -450,7 +874,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:02</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="30">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="68">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -461,45 +885,254 @@
|
|
|
</div>
|
|
|
<span class="song-duration">1:02</span>
|
|
|
</div>
|
|
|
+ <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="69">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Orbital Habitat</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:45</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="70">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Ogon</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:17</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="71">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Onus</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:21</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="72">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Dom Suka</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:58</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="73">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Sedulous</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:13</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="74">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Strakh</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:53</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="75">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Blank</span>
|
|
|
+ <span class="song-artist">Suka</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:04</span>
|
|
|
+ </div>
|
|
|
+ <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="76">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Simple X</span>
|
|
|
+ <span class="song-artist">Vox Dei</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">5:43</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="77">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Vox Dei</span>
|
|
|
+ <span class="song-artist">Vox Dei</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">11:55</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="78">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Spiritus</span>
|
|
|
+ <span class="song-artist">Vox Dei</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">6:22</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="79">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Isabellae</span>
|
|
|
+ <span class="song-artist">Vox Dei</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">4:32</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="80">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Inlustris</span>
|
|
|
+ <span class="song-artist">Vox Dei</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:44</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="81">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Oceanus</span>
|
|
|
+ <span class="song-artist">Vox Dei</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">3:56</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Streams -->
|
|
|
- <div class="tab-pane fade" id="stream-tab-pane" role="tabpanel" aria-labelledby="stream-tab" tabindex="0">
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
|
|
|
+ <div class="tab-pane fade" id="stream-tab-pane" role="tabpanel" aria-labelledby="stream-tab" tabindex="3">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="82">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
</div>
|
|
|
<div class="song-meta-data">
|
|
|
- <span class="song-title">Kris Windham Piano - Live</span>
|
|
|
- <span class="song-artist">2020</span>
|
|
|
+ <span class="song-title">Live - Easter</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
</div>
|
|
|
- <span class="song-duration">43:03</span>
|
|
|
+ <span class="song-duration">9:04</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="83">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
</div>
|
|
|
<div class="song-meta-data">
|
|
|
- <span class="song-title">Kris Windham Piano - Live</span>
|
|
|
- <span class="song-artist">2019</span>
|
|
|
+ <span class="song-title">Live - 3/26</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
</div>
|
|
|
- <span class="song-duration">31:26</span>
|
|
|
+ <span class="song-duration">4:37</span>
|
|
|
</div>
|
|
|
- <div class="mb-3 border-bottom border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="84">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
</div>
|
|
|
<div class="song-meta-data">
|
|
|
- <span class="song-title">Kris Windham Piano - Live</span>
|
|
|
- <span class="song-artist">2019</span>
|
|
|
+ <span class="song-title">Live - 3/27</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">9:03</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="85">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Live - 3/28</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">2:54</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="86">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Live - 3/29</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">6:48</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="87">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Live - 4/10</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">48:21</span>
|
|
|
+ </div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="88">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Live - 4/24</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
</div>
|
|
|
<span class="song-duration">55:16</span>
|
|
|
</div>
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="89">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Live - iWoody</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">31:26</span>
|
|
|
+ </div>
|
|
|
+ <div class="mb-3 border-bottom border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="90">
|
|
|
+ <div class="song-now-playing-icon-container">
|
|
|
+ <div class="play-button-container"></div>
|
|
|
+ <img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
|
+ </div>
|
|
|
+ <div class="song-meta-data">
|
|
|
+ <span class="song-title">Live - iWoody(2)</span>
|
|
|
+ <span class="song-artist">2016</span>
|
|
|
+ </div>
|
|
|
+ <span class="song-duration">43:03</span>
|
|
|
+ </div>
|
|
|
<p class="mx-5 text-decoration-underline">* Will set these up the following after music licensing is in place. Please check back later.</p>
|
|
|
- <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
|
|
|
+ <div class="border-top border-secondary song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="91">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -510,7 +1143,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">00:00</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="92">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -521,7 +1154,7 @@
|
|
|
</div>
|
|
|
<span class="song-duration">00:00</span>
|
|
|
</div>
|
|
|
- <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="101">
|
|
|
+ <div class="song amplitude-song-container amplitude-play-pause" data-amplitude-song-index="93">
|
|
|
<div class="song-now-playing-icon-container">
|
|
|
<div class="play-button-container"></div>
|
|
|
<img class="now-playing" src="/img/audio/now-playing.svg"/>
|
|
@@ -609,12 +1242,12 @@
|
|
|
<div class="row">
|
|
|
<h5>REDEMPTION</h5>
|
|
|
<p>(2017) Music copyright Kris Windham. Thanks Jeter. This is the video for an original composition recorded last year by yours truly.</p>
|
|
|
- <video id="redemption" poster="/img/redemption.png" controls src="/audio/redemption.mp4" type="video/mp4">
|
|
|
+ <video id="redemption" poster="/img/redemption.png" controls src="/audio/video/redemption.mp4" type="video/mp4">
|
|
|
</div>
|
|
|
<div class="row mt-5">
|
|
|
<h5>Heart of Darkness The Hollow Men T.S. Eliot</h5>
|
|
|
<p>(2016) Marlon Brando as Col. Kurtz reading T.S. Eliot from the film Apocalypse Now with the addition of an original house music audio track.</p>
|
|
|
- <video id="hollow" controls src="/audio/hollow_men.mp4" type="video/mp4">
|
|
|
+ <video id="hollow" controls src="/audio/video/hollow_men.mp4" type="video/mp4">
|
|
|
</video>
|
|
|
</div>
|
|
|
</div>
|