HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
{% trans %}Login{% endtrans %}
4
{% endblock %}
5
{% block breadcrumbs %}
6
{% endblock %}
7
{% block content %}
9
<style>
10
#login-forms {
11
justify-content: center;
12
}
13
@media screen and (max-width: 640px) {
15
#login-forms {
16
flex-direction: column;
17
}
18
}
19
</style>
20
<x-frame style="--width: 384px; --padding: 1em;">
21
<x-hbox id="login-forms">
22
<x-vbox>
23
<h2>{% trans %}Log in{% endtrans %}</h2>
24
<form method="post" id="login">
25
<input type="hidden" name="login" value="login">
26
<div class="card">
27
<section>
28
<x-vbox>
29
<label>
30
{% trans %}Username{% endtrans %}
31
<input id="login-username" name="username" required>
32
</label>
33
<label>
34
{% trans %}Password{% endtrans %}
35
<input id="login-password" name="password" type="password"
36
required>
37
</label>
38
<button style="width: 100%;" id="login-submit" type="submit">
39
{% trans %}Log in{% endtrans %}</button>
40
</x-vbox>
41
</section>
42
</div>
43
</form>
44
</x-vbox>
45
<x-vbox>
46
<h2>{% trans %}Sign up{% endtrans %}</h2>
47
<form method="post" id="signup">
48
<input type="hidden" name="signup" value="signup">
49
<div class="card">
50
<section>
51
<x-vbox>
52
<label>
53
{% trans %}Wanted username{% endtrans %}
54
<input id="signup-username" name="username" required>
55
{% trans %}Only letters, numbers or hyphens, cannot be
56
changed later{% endtrans %}
57
</label>
58
<label>
59
{% trans %}Password{% endtrans %}
60
<input id="signup-password" name="password" type="password"
61
required>
62
{% trans %}Stored only hashed, so we can't recover it for
63
you{% endtrans %}
64
</label>
65
<label>
66
{% trans %}Repeat password{% endtrans %}
67
<input id="signup-password-2" name="password2"
68
type="password" required>
69
</label>
70
<label>
71
{% trans %}Email (recommended){% endtrans %}
72
<input id="signup-email" name="email" type="email">
73
{% trans %}Used for notifications, only displayed if you'd
74
like to{% endtrans %}
75
</label>
76
<label>
77
{% trans %}Display name (optional){% endtrans %}
78
<input id="signup-name" name="name">
79
{% trans %}Doesn't have username restrictions, can be
80
changed later{% endtrans %}
81
</label>
82
<label>
83
<input id="signup-terms" type="checkbox" name="tos"
84
required>
85
<span>{% trans %}I accept the{% endtrans %} <a
86
href="/help/policies">{% trans %}policies listed
87
here{% endtrans %}</a></span>
88
</label>
89
<button style="width: 100%;" id="signup-submit" type="submit">
90
{% trans %}Sign up{% endtrans %}</button>
91
</x-vbox>
92
</section>
93
</div>
94
</form>
95
</x-vbox>
96
</x-hbox>
97
</x-frame>
98
{% endblock %}
99