tmpl/index_login.html


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

{{- define "index_login" -}}
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>
			Authentication required &ndash; CCA Selection System
		</title>
		<link rel="stylesheet" href="/static/style.css" />
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<style>
			#login-box {
				margin: auto;
				max-width: 30rem;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="header-content">
				<div class="header-left">
					<h1><a id="site-title" href="/">CCA Selection System</a></h1>
				</div>
				<div class="header-middle">
				</div>
				<div class="header-right">
					<p>Unauthenticated</p>
				</div>
			</div>
		</header>
		<main>
			<p>
			{{- .notes -}}
			</p>
			<div id="login-box">
				<p>
					You have not authenticated. You must sign in to use this service.
				</p>
				<p>
					Most users should use &ldquo;Sign in with Microsoft&rdquo;.
				</p>
				<p>
					<a class="btn btn-primary" href="{{- .authURL -}}">Sign in with Microsoft</a>
				</p>
				<p>
					Users who have special access may use password authentication.
				</p>
				<form id="form-auto-token" method="POST" action="/pw" enctype="application/x-www-form-urlencoded">
					<table class="">
						<tr>
							<th colspan="2">
								Password-based authentication form
							</th>
						</tr>
						<tr>
							<th scope="row">Username</th>
							<td class="tdinput">
								<input id="usernameinput" name="usernameinput" placeholder="s12345" type="text" />
							</td>
						</tr>
						<tr>
							<th scope="row">Password</th>
							<td class="tdinput">
								<input id="passwordinput" name="passwordinput" type="password" />
							</td>
						</tr>
						<tr>
							<td class="th-like" colspan="2">
								<div class="flex-justify">
									<div class="left">
									</div>
									<div class="right">
										<input class="btn-white" type="submit" value="Submit" />
									</div>
								</div>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</main>
		<footer>
			CCA Selection System, licensed under the GNU Affero General Public License, version 3.0 or any later version. Source code available at <a href="{{.source}}"><code>{{.source}}</code></a>.
		</footer>
	</body>
</html>
{{- end -}}