91 lines
3.7 KiB
HTML
91 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<title>BinBin</title>
|
|
<link rel="stylesheet" href="./index.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Saira+Condensed:300,400" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<script type="text/javascript" src="http://discordonlinejammingcentral.com/jscripts/jquery.js?ver=1804"></script>
|
|
<script src="https://use.fontawesome.com/c8d5486cd8.js"></script>
|
|
</head>
|
|
|
|
<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.location='http://discordonlinejammingcentral.com/user-3.html'">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>
|
|
<script src="./visualizer.js"></script>
|
|
<script src="./index.js"></script>
|
|
</html>
|