73 lines
3.0 KiB
HTML
73 lines
3.0 KiB
HTML
<body>
|
|
<div id="header1" class="transition">
|
|
<img src="./logo.png">
|
|
</div>
|
|
<div id="header2">
|
|
<div id="spectrum">
|
|
<p class="transition">Spectrum <i class="fa fa-times-circle" aria-hidden="true"></i></p>
|
|
</div>
|
|
</div>
|
|
<div id="sidebar">
|
|
<span>Developed by <p onclick="window.open('http://discordonlinejammingcentral.com/user-3.html','_blank')">ksjdragon</p></span>
|
|
</div>
|
|
<div id="mainContainer">
|
|
<div id="songList">
|
|
<div id="directory">
|
|
<div id="directoryLocation" class="transition">
|
|
<p>DOJC Mixtapes</p>
|
|
</div>
|
|
<div id="directoryHeader">
|
|
<p class="name transition">Name
|
|
<i class="fa fa-chevron-down transition"></i>
|
|
<i class="fa fa-chevron-up transition"></i>
|
|
</p>
|
|
<p class="date transition">Date Modified
|
|
<i class="fa fa-chevron-down transition"></i>
|
|
<i class="fa fa-chevron-up transition"></i>
|
|
</p>
|
|
<p class="size transition">Size
|
|
<i class="fa fa-chevron-down transition"></i>
|
|
<i class="fa fa-chevron-up transition"></i>
|
|
</p>
|
|
</div>
|
|
<div id="directoryCont">
|
|
|
|
</div>
|
|
<canvas id="visualize" width="1200" height="250"></canvas>
|
|
</div>
|
|
<div id="playback">
|
|
<div id="info">
|
|
<div>
|
|
<h2></h2>
|
|
</div>
|
|
<div>
|
|
<a download><i class="fa fa-download transition"></i></a>
|
|
</div>
|
|
</div>
|
|
<div id="tracker">
|
|
<div>
|
|
<i id="prev" class="fa fa-step-backward" aria-hidden="true"></i>
|
|
<i id="pause" class="fa fa-pause-circle transition"></i>
|
|
<i id="next" class="fa fa-step-forward" aria-hidden="true"></i>
|
|
</div>
|
|
<div id="bar">
|
|
<p>-:--</p>
|
|
<input type="range" min="0", max="100000" value="0">
|
|
<p>-:--</p>
|
|
</div>
|
|
</div>
|
|
<div id="speed">
|
|
<i class="fa fa-fast-forward transition"></i>
|
|
<input type="range" min="0", max="100" value="25">
|
|
</div>
|
|
<div id="volume">
|
|
<i class="fa fa-volume-up transition"></i>
|
|
<input type="range" min="0", max="100" value="100">
|
|
</div>
|
|
<audio controls>
|
|
<source src="">
|
|
</audio>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> |