HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
Login
4
{% endblock %}
5
{% block breadcrumbs %}
6
{% endblock %}
7
{% block content %}
9
<x-frame style="--width: 384px;">
10
<x-vbox>
11
<h1>Log in</h1>
12
<x-notebook>
13
<label><input type="radio" name="login-tabs" checked>Log in</label>
14
<x-tab>
15
<form method="post" id="login">
16
<input type="hidden" name="login" value="login">
17
<div class="card">
18
<section>
19
<x-vbox>
20
<x-vbox class="nopad">
21
<label for="login-username">Username</label>
22
<input id="login-username" name="username" required>
23
</x-vbox>
24
<x-vbox class="nopad">
25
<label for="login-password">Password</label>
26
<input id="login-password" name="password" type="password" required>
27
</x-vbox>
28
<button style="width: 100%;" id="login-submit" type="submit">Log in</button>
29
</x-vbox>
30
</section>
31
</div>
32
</form>
33
{#
34
<x-vbox class="nopad">
35
<a href="./altlogin" style="all: inherit; cursor: pointer;">
36
<div class="card">
37
<section>
38
<x-hbox>
39
<iconify-icon icon="mdi:email-fast" style="font-size: 3em;"></iconify-icon>
40
<div>
41
<h3>Log in with disposable code</h3>
42
<p>Log in without your password using a one-time email</p>
43
</div>
44
</x-hbox>
45
</section>
46
</div>
47
</a>
48
<a href="./passkey" style="all: inherit; cursor: pointer;">
49
<div class="card">
50
<section>
51
<x-hbox>
52
<iconify-icon icon="mdi:fingerprint" style="font-size: 3em;"></iconify-icon>
53
<div>
54
<h3>Use a passkey</h3>
55
<p>Use biometrics or a physical security key instead of your password to log in</p>
56
</div>
57
</x-hbox>
58
</section>
59
</div>
60
</a>
61
<a href="./reset" style="all: inherit; cursor: pointer;">
62
<div class="card">
63
<section>
64
<x-hbox>
65
<iconify-icon icon="mdi:key" style="font-size: 3em;"></iconify-icon>
66
<div>
67
<h3>Reset your password</h3>
68
<p>Confirm your email to recover access to your account</p>
69
</div>
70
</x-hbox>
71
</section>
72
</div>
73
</a>
74
</x-vbox>
75
#}
76
</x-tab>
77
<label><input type="radio" name="login-tabs">Sign up</label>
78
<x-tab>
79
<form method="post" id="signup">
80
<input type="hidden" name="signup" value="signup">
81
<div class="card">
82
<section>
83
<x-vbox>
84
<x-vbox class="nopad">
85
<label for="signup-username">Wanted username</label>
86
<input id="signup-username" name="username" required>
87
</x-vbox>
88
<x-vbox class="nopad">
89
<label for="signup-password">Password</label>
90
<input id="signup-password" name="password" type="password" required>
91
</x-vbox>
92
<x-vbox class="nopad">
93
<label for="signup-password-2">Repeat password</label>
94
<input id="signup-password-2" name="password2" type="password" required>
95
</x-vbox>
96
<x-vbox class="nopad">
97
<label for="signup-email">Email (recommended)</label>
98
<input id="signup-email" name="email" type="email">
99
</x-vbox>
100
<x-vbox class="nopad" style="display: none;">
101
<label for="signup-email-2">Repeat email (recommended)</label>
102
<input id="signup-email-2" name="email2" type="email">
103
</x-vbox>
104
<x-vbox class="nopad">
105
<label for="signup-name">Friendly name (optional)</label>
106
<input id="signup-name" name="name">
107
</x-vbox>
108
<label>
109
<input id="signup-terms" type="checkbox" name="tos" required>
110
I accept the <a href="/help/policies">policies listed here</a>
111
</label>
112
<button style="width: 100%;" id="signup-submit" type="submit">Sign up</button>
113
</x-vbox>
114
</section>
115
</div>
116
</form>
117
{#
118
<x-vbox class="nopad">
119
<a href="./school" style="all: inherit; cursor: pointer;">
120
<div class="card">
121
<section>
122
<x-hbox>
123
<iconify-icon icon="mdi:school" style="font-size: 3em;"></iconify-icon>
124
<div>
125
<h3>Get a student account</h3>
126
<p>Use a code from your teacher to join your class</p>
127
</div>
128
</x-hbox>
129
</section>
130
</div>
131
</a>
132
<a href="./altsignup" style="all: inherit; cursor: pointer;">
133
<div class="card">
134
<section>
135
<x-hbox>
136
<iconify-icon icon="mdi:email-fast" style="font-size: 3em;"></iconify-icon>
137
<div>
138
<h3>Use other methods</h3>
139
<p>Do not set up a password, but rather use one-time verifications</p>
140
</div>
141
</x-hbox>
142
</section>
143
</div>
144
</a>
145
<a href="./github" style="all: inherit; cursor: pointer;">
146
<div class="card">
147
<section>
148
<x-hbox>
149
<iconify-icon icon="mdi:github" style="font-size: 3em;"></iconify-icon>
150
<div>
151
<h3>Move from GitHub</h3>
152
<p>Easily migrate your profile, repositories and contributions from GitHub</p>
153
</div>
154
</x-hbox>
155
</section>
156
</div>
157
</a>
158
</x-vbox>
159
#}
160
</x-tab>
161
</x-notebook>
162
</x-vbox>
163
</x-frame>
164
{% endblock %}
165