~nature/galaxy.moe

6e59f91cc07a06e4b2c552769a0feef1cc8c2dbb — LordNature 4 years ago be89b57 
templates/: Added Aersia VIP template
patch browse .tar.gz 
1 files changed, 96 insertions(+), 0 deletions(-)

A templates/vip.html

A templates/vip.html => templates/vip.html +96 -0
@@ 0,0 1,96 @@
<html>
	{{template "head"}}
	<style>
		header {
			background: #222;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 1;
		}
	
		.controls {
			position: fixed;
			height: 40px;
			right: 0;
			bottom: 0;
			margin-right: 30%;
			width: auto;
			z-index: 1;
		}
	
		.button {
			cursor: pointer;
			height: 100%;
			padding: 0 10px;
			float: left;
			line-height: 40px;
		}

		.quote {
			position: fixed;
			left: 70%;
			top: 50%;
			width: 25%;
			z-index: 1;
		}
	
		.playlist {
			display: table;
			left: 15;
			position: absolute;
			width: 60%;
			height: 25%;
			border: 1px solid #2799c8;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			margin: 50px auto;
			margin-top: 75px;
		}
	
		.playlist div {
			border: 1px solid #2799c8;
			color: #79bdd8;
			padding: 5px;
			font-size: 11pt;
			cursor: pointer;
		}
	
		.playlist div.selected {
			background-color: #79bdd8;
			color: #fff;
		}
	
		.playlist div:hover {
			background-color: #79bdd8;
			color: #fff;
		}
	
		#splaylist {
			border: 1px solid #090;
			background-color: transparent;
			height: 100%;
			font-size: 12pt;
			padding: 0;
			color: #2799c8;
			border: 0;
		}
	</style>
	<body>
		{{template "nav"}}
		<main>
			<!-- this code is terrible -->

			<section class="controls">
				<div class="button next">next</div>
				<audio class="button" controls></audio>
				<div class="button"><select id="splaylist"></select></div>
			</section>

			<section class="playlist"></section>
			<section class="quote"><h4>Oblivion</h4>{{ . }}</section>
			<script src="static/vip.js"></script>
		</main>
		{{template "footer"}}
	</body>
</html>
\ No newline at end of file