playlist page (1/2)

<!DOCTYPE html>
<!--

playlist page (1/2) by nouvae

all instructions in the code! :)

-->

<head>
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/qbey5ak/lAUpa0oft/nouplaybasic.js"></script>
<script>

/* -------------------- OPTIONS - START -------------------- */

/*

Your Tumblr username

i.e.    var username = "";

*/
var username = "";

/*

Amount of songs desired in playlist.
Max is 33.

i.e.    var amount = 12;

*/
var amount = 12;

/*

The tag where the audio is under
If your tag has a space, replace the spaces with a + sign.

i.e.    var tag = "music";
i.e.    var tag = "my+playlist";

defaults to all audio posts

*/
var tag = "";

/*

Color of the play button.

Search up "color picker" or "hex color codes" to find a color you like.

To have no background button color, write "transparent"

i.e.	   var buttonColor = "transparent";

i.e.    var buttonColor = "#f5f5f5";

*/
var buttonColor = "#f5f5f5";

/*

If true, turns all the play button into a white button.

*/
var whiteButton = false;

/*

If true, turns all the black buttons into white buttons.

*/
var allWhiteButtons = false;

/*

Color of text.

i.e.    var textColor = "#000000";

*/
var textColor = "";

/*

Color of progress bar.

*/
var progressColor = "#cccccc";

/*

URL or image location of your cover.
Defaults to the cover color.

i.e.    var coverBackgroundURL = "https://78.media.tumblr.com/6f5b16ec99c143b707f487884100dab5/tumblr_owl6u85REe1v6bbyzo1_1280.jpg";

*/
var coverBackgroundURL = "";


/*

Color of your cover.

i.e.    var coverBackground = "#cccccc";

*/
var coverBackground = "";

/*

Background of the playlist.
Defaults to transparent background. (Suggested to leave empty if you are using the playlist page)

*/
var backgroundColor = "";

/* -------------------- OPTIONS - END -------------------- */

</script>

<script src="https://static.tumblr.com/qbey5ak/qsmpa105g/nouplaybasic2.js"></script>
<link rel="stylesheet" href="https://static.tumblr.com/qbey5ak/gPFpa1028/nouplaybasic.css" />
</head>

<body>
<div id="playlist">
<div id="player"></div>
<div id="aside">
<div id="cover">
<!--
A description will appear if you write in the space between
<div id="desc"> and </div>
-->
<div id="desc">

</div>
</div>
<div id="title">
<!-- your title -->
untitled
</div>

<div id="bars">
<div id="progressbg" value="0.5" max="1"></div>
<div id="progress"></div>
<div id="loading"></div>
</div>

<div id="buttons">
<div id="prev">
<svg height="19px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="19px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,128L32,256l224,128V260.8L480,384V128L256,251.2V128L256,128z"/></svg>
</div>

<div id="active">
<div id="play">
<svg height="20px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="20px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M128,96v320l256-160L128,96L128,96z"/></g></svg></div>
<div id="pause">
<svg height="20px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="20px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><rect height="320" width="79" x="128" y="96"/><rect height="320" width="79" x="305" y="96"/></g></svg>
</div>
</div>

<div id="next">
<svg height="19px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="19px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,128v123.2L32,128v256l224-123.2V384l224-128L256,128L256,128z"/></svg>
</div>

</div>

</div>

<div id="tracks"></div>
</div>


<div id="creds"><a title="nouvae">♪</a></div>

</body>
</html>