SongShoot/server.html at master · JavaLavadora/SongShoot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>

<head>
	<title>Previa DJ</title>
	<link rel="stylesheet" href="Style/server.css">
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<script src="https://www.gstatic.com/firebasejs/4.8.1/firebase.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
</head>

<body > <!-- onload="loadVideo()" -->
	<header>
		<div class="headWrapper">
      <h1>SERVER</h1>
    </div>
	</header>

	<div class="content-wrapper">
		<div class="separator">
		<div class="row">

			<div class="col-2">
				<h2>Now Playing:</h2>
			</div>
			<div class="col-4">
				<div id="frame-wrapper">
					<!-- <iframe id="song1" src=""></iframe> -->
				</div>
			</div>

			<!-- <div class="col-1">
			</div> -->

			<div class="col-5">
				<div class="song-wrapper">
					<h4>
						QUEUE:
					</h4>

					<pre id="song2">Empty</pre>

					<pre id="song3">Empty</pre>

					<pre id="song4">Empty</pre>

					<pre id="song5">Empty</pre>

					<div class="button" onclick="promote()"><i id="forward" class="fa fa-fast-forward" aria-hidden="true"></i></div>

				</div>
			</div>

		</div>
		</div>

		<div class="row">
			<div class="col-6">
				<h3>
					Last song:
				</h3>
				<p id="inputSong"></p>
			</div>
			<div class="col-2">
				<h5 class="send">
						Send song:
				</h5>
			</div>
			<div class="col-2">
				<input name="Paste URL" id="sendSong" />
			</div>
			<div class="col-2">
				<div class="button" onclick="send()"><i class="fa fa-paper-plane" id="go" aria-hidden="true"></i></div>
			</div>
		</div>
	</div>

	<footer>
		<div class="foot-wrapper">
			Made By: <a class="vendesio" href="http://github.com/lavendiciondevs">La Vendicion Devs</a>
		</div>
	</footer>

</body>

<script src="https://www.youtube.com/iframe_api"></script>
<script src="Javascript/server.js"></script>

</html>