HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
Login
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) {
16
#login-forms {
17
flex-direction: column;
18
}
19
}
20
</style>
21
<x-frame style="--width: 384px;">
22
<x-hbox id="login-forms">
23
<x-vbox>
24
<h2>Log in</h2>
25
<form method="post" id="login">
26
<input type="hidden" name="login" value="login">
27
<div class="card">
28
<section>
29
<x-vbox>
30
<x-vbox class="nopad">
31
<label for="login-username">Username</label>
32
<input id="login-username" name="username" required>
33
</x-vbox>
34
<x-vbox class="nopad">
35
<label for="login-password">Password</label>
36
<input id="login-password" name="password" type="password" required>
37
</x-vbox>
38
<button style="width: 100%;" id="login-submit" type="submit">Log in</button>
39
</x-vbox>
40
</section>
41
</div>
42
</form>
43
</x-vbox>
44
<x-vbox>
45
<h2>Sign up</h2>
46
<form method="post" id="signup">
47
<input type="hidden" name="signup" value="signup">
48
<div class="card">
49
<section>
50
<x-vbox>
51
<x-vbox class="nopad">
52
<label for="signup-username">Wanted username</label>
53
<input id="signup-username" name="username" required>
54
</x-vbox>
55
<x-vbox class="nopad">
56
<label for="signup-password">Password</label>
57
<input id="signup-password" name="password" type="password" required>
58
</x-vbox>
59
<x-vbox class="nopad">
60
<label for="signup-password-2">Repeat password</label>
61
<input id="signup-password-2" name="password2" type="password" required>
62
</x-vbox>
63
<x-vbox class="nopad">
64
<label for="signup-email">Email (recommended)</label>
65
<input id="signup-email" name="email" type="email">
66
</x-vbox>
67
<x-vbox class="nopad" style="display: none;">
68
<label for="signup-email-2">Repeat email (recommended)</label>
69
<input id="signup-email-2" name="email2" type="email">
70
</x-vbox>
71
<x-vbox class="nopad">
72
<label for="signup-name">Friendly name (optional)</label>
73
<input id="signup-name" name="name">
74
</x-vbox>
75
<label>
76
<input id="signup-terms" type="checkbox" name="tos" required>
77
<span>I accept the <a href="/help/policies">policies listed here</a></span>
78
</label>
79
<button style="width: 100%;" id="signup-submit" type="submit">Sign up</button>
80
</x-vbox>
81
</section>
82
</div>
83
</form>
84
</x-vbox>
85
</x-hbox>
86
</x-frame>
87
{% endblock %}
88