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
</x-vbox>
54
<x-vbox class="nopad">
55
<label for="signup-password">{% trans %}Password{% endtrans %}</label>
56
<input id="signup-password" name="password" type="password" required>
57
</x-vbox>
58
<x-vbox class="nopad">
59
<label for="signup-password-2">{% trans %}Repeat password{% endtrans %}</label>
60
<input id="signup-password-2" name="password2" type="password" required>
61
</x-vbox>
62
<x-vbox class="nopad">
63
<label for="signup-email">{% trans %}Email (recommended){% endtrans %}</label>
64
<input id="signup-email" name="email" type="email">
65
</x-vbox>
66
<x-vbox class="nopad" style="display: none;">
67
<label for="signup-email-2">{% trans %}Repeat email (recommended){% endtrans %}</label>
68
<input id="signup-email-2" name="email2" type="email">
69
</x-vbox>
70
<x-vbox class="nopad">
71
<label for="signup-name">{% trans %}Friendly name (optional){% endtrans %}</label>
72
<input id="signup-name" name="name">
73
</x-vbox>
74
<label>
75
<input id="signup-terms" type="checkbox" name="tos" required>
76
<span>{% trans %}I accept the{% endtrans %} <a href="/help/policies">{% trans %}policies listed here{% endtrans %}</a></span>
77
</label>
78
<button style="width: 100%;" id="signup-submit" type="submit">{% trans %}Sign up{% endtrans %}</button>
79
</x-vbox>
80
</section>
81
</div>
82
</form>
83
</x-vbox>
84
</x-hbox>
85
</x-frame>
86
{% endblock %}
87