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