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