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