aboutsummaryrefslogtreecommitdiff
path: root/templates/login.html
blob: 74bd894d395db0c9581d3d5bb1bdaa364a24ff3a (plain) (blame)
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login – Peer Pao</title>
<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
<header>
	<div class="header-content">
		<div class="header-left">
			<h1><a href="/"><img src="/static/peer-pao-white.png" title="Peer Pao"> Peer Pao</a></h1>
		</div>
		<div class="header-right">
			<p>Login</p>
		</div>
	</div>
</header>
<div class="content">
<form action="/login" method="POST">
	<ul>
		<li>
			<label for="username">Username</label>
			<input type="text" id="username" name="username" required /><br />
		</li>
		<li>
			<label for="pass">Password</label>
			<input type="password" id="password" name="password" required /><br />
		</li>
		<li>
			<label for="mode">Mode</label>
			<input type="radio" name="mode" value="login" checked>Login</input>
			<input type="radio" name="mode" value="psauth">PowerSchool</input>
		</li>
		<li>
			<label></label>
			<input type="submit" value="Submit"/>
		</li>
	</ul>
	{% if note %}
	<p style="border: 1px solid rgb(20, 120, 20); padding: 0px 2px;">
	{{note}}
	</p>
	{% endif %}
	<p>
	Please choose “Login” if you have used this system before and you just want to log in normally. Please choose “PowerSchool” if you need to update your password or if this is your initial registration. In this case you should use your PowerSchool password and the process may take time as PowerSchool must be contacted to check the password.
	</p>
	<p>
	We strongly recommend that you view this website from a widescreen device (e.g. computer / iPad). You may not get the best experience from a mobile phone.
	</p>
</form>
</div>
</body>
</html>