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;">
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
<x-vbox class="nopad">
30
<label for="login-username">{% trans %}Username{% endtrans %}</label>
31
<input id="login-username" name="username" required>
32
</x-vbox>
33
<x-vbox class="nopad">
34
<label for="login-password">{% trans %}Password{% endtrans %}</label>
35
<input id="login-password" name="password" type="password" required>
36
</x-vbox>
37
<button style="width: 100%;" id="login-submit" type="submit">{% trans %}Log in{% endtrans %}</button>
38
</x-vbox>
39
</section>
40
</div>
41
</form>
42
</x-vbox>
43
<x-vbox>
44
<h2>{% trans %}Sign up{% endtrans %}</h2>
45
<form method="post" id="signup">
46
<input type="hidden" name="signup" value="signup">
47
<div class="card">
48
<section>
49
<x-vbox>
50
<x-vbox class="nopad">
51
<label for="signup-username">{% trans %}Wanted username{% endtrans %}</label>
52
<input id="signup-username" name="username" required>
53
{% trans %}Only letters, numbers or hyphens, cannot be changed later{% endtrans %}
54
</x-vbox>
55
<x-vbox class="nopad">
56
<label for="signup-password">{% trans %}Password{% endtrans %}</label>
57
<input id="signup-password" name="password" type="password" required>
58
{% trans %}Stored only hashed, so we can't recover it for you{% endtrans %}
59
</x-vbox>
60
<x-vbox class="nopad">
61
<label for="signup-password-2">{% trans %}Repeat password{% endtrans %}</label>
62
<input id="signup-password-2" name="password2" type="password" required>
63
</x-vbox>
64
<x-vbox class="nopad">
65
<label for="signup-email">{% trans %}Email (recommended){% endtrans %}</label>
66
<input id="signup-email" name="email" type="email">
67
{% trans %}Used for notifications, only displayed if you'd like to{% endtrans %}
68
</x-vbox>
69
<x-vbox class="nopad" style="display: none;">
70
<label for="signup-email-2">{% trans %}Repeat email (recommended){% endtrans %}</label>
71
<input id="signup-email-2" name="email2" type="email">
72
</x-vbox>
73
<x-vbox class="nopad">
74
<label for="signup-name">{% trans %}Display name (optional){% endtrans %}</label>
75
<input id="signup-name" name="name">
76
{% trans %}Doesn't have username restrictions, can be changed later{% endtrans %}
77
</x-vbox>
78
<label>
79
<input id="signup-terms" type="checkbox" name="tos" required>
80
<span>{% trans %}I accept the{% endtrans %} <a href="/help/policies">{% trans %}policies listed here{% endtrans %}</a></span>
81
</label>
82
<button style="width: 100%;" id="signup-submit" type="submit">{% trans %}Sign up{% endtrans %}</button>
83
</x-vbox>
84
</section>
85
</div>
86
</form>
87
</x-vbox>
88
</x-hbox>
89
</x-frame>
90
{% endblock %}
91