SoundPlay/index.php at master · V1shvesh/SoundPlay · 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
<?php
	session_start(['cookie_lifetime' => 86400]);
?>
<!DOCTYPE html>
<html>
<head>
	<title>SoundPlay - Online Playlist Curator</title>
	<meta charset="utf-8"/>
	<link rel="stylesheet" type="text/css" href="css/fonts.css"/>
	<link rel="stylesheet" type="text/css" href="css/home.css"/>
	<link rel="stylesheet" type="text/css" href="css/navbar.css"/>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/home.js"></script>
</head>
<body>
	<div class="navbar">
		<a href="http://localhost/SoundPlay/">SoundPlay</a>
		<?php if(!$_SESSION['soundplay']): ?>
			<div class="nav-buttons">
					<button id="signup-btn" class="navbtn child-last">Sign Up</button>
					<!-- TODO seperate js functions -->
					<button id="login-btn" class="navbtn child-first">Log In</button>
			</div>
			<div id="login-form" class="hover-div">
				<div id="login-arrow" class="arrow-up">

				</div>
				<form>
					<input type="text" name="username" class="username" placeholder="Username" required/>
					<input type="password" name="password" class="password" placeholder="Password" maxlength="20" required/>
					<span id="login-error" class="error">Incorrect Username/Password</span>
					<button type="submit" class="submit-button">Log In</button>
				</form>
			</div>
			<div id="signup-form" class="hover-div">
				<div id="signup-arrow" class="arrow-up">

				</div>
				<form>
					<input type="text" name="username" class="username" placeholder="Username" required/>
					<input type="password" name="password" class="password" placeholder="Password" maxlength="20" required/>
					<input type="password" name="password_reenter" class="password" placeholder="Re-Enter Password" maxlength="20" required/>
					<button type="submit" class="submit-button">Sign Up</button>
				</form>
			</div>
		<?php else: ?>
			<div class="nav-buttons">
				<button id="logout-btn" class="navbtn child-last">Log Out</button>
				<button id="upload-btn" class="navbtn child-mid">Upload</button>
				<button id="playlist-btn" class="navbtn child-first">Playlist</button>

				<div id="playlist-menu" class="hover-div">
					<div id="playlist-arrow" class="arrow-up">

					</div>
					<div class="playlist-list">

					</div>
				</div>
			</div>
		<?php endif; ?>
	</div>.
	<div class="bg1 parallax">
	</div>
	<div class="description">
		<span class="desc-head">Tune In.Tune Out.</span>
		<p>Simple as 1,2,3,4.</p>
	</div>
	<div class="bg2 parallax">
	</div>
</body>
</html>