HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
{% trans %}User settings{% endtrans %}
4
{% endblock %}
5
{% block breadcrumbs %}
6
<li><a href="/settings">{% trans %}Settings{% endtrans %}</a></li>
7
{% endblock %}
8
{% block content %}
9
<x-frame style="--width: 768px;">
10
<h1>{% trans %}User settings{% endtrans %}</h1>
11
<article class="card">
12
<section class="card-main">
13
<h2>{% trans %}Basic information{% endtrans %}</h2>
14
<p>{% trans username=user.username %}Username: {{ username }}{% endtrans %}</p>
15
<x-buttonbox>
16
<a class="button" href="password">{% trans %}Change password{% endtrans %}</a>
17
</x-buttonbox>
18
</section>
19
</article>
20
<article class="card">
21
<section class="card-main">
22
<form method="post">
23
<h2>{% trans %}Profile{% endtrans %}</h2>
24
<x-vbox>
25
<x-vbox class="nopad">
26
<label for="email">{% trans %}Email address{% endtrans %}</label>
27
<input id="email" name="email" type="email" value="{% if user.email %}{{ user.email }}{% endif %}">
28
</x-vbox>
29
<x-vbox class="nopad">
30
<label><input name="showmail" value="showmail" {% if user.show_mail %}checked{% endif %} type="checkbox">{% trans %}Show email on my profile{% endtrans %}</label>
31
</x-vbox>
32
<x-vbox class="nopad">
33
<label for="displayname">{% trans %}Friendly name{% endtrans %}</label>
34
<input id="displayname" name="displayname" value="{% if user.display_name %}{{ user.display_name }}{% endif %}" placeholder="{{ user.username }}">
35
</x-vbox>
36
<x-vbox class="nopad">
37
<label for="url">{% trans %}Link to your website{% endtrans %}</label>
38
<input id="url" name="url" value="{% if user.url %}{{ user.url }}{% endif %}" type="url">
39
</x-vbox>
40
<x-vbox class="nopad">
41
<x-hbox style="width: 100%; align-items: space-between;">
42
<x-vbox style="flex-grow: 1;" class="nopad">
43
<label for="company">{% trans %}Company or school{% endtrans %}</label>
44
<input id="company" name="company" value="{% if user.company %}{{ user.company }}{% endif %}">
45
</x-vbox>
46
<x-vbox style="flex-grow: 1;" class="nopad">
47
<label for="companyurl">{% trans %}Link to the company's website{% endtrans %}</label>
48
<input id="companyurl" name="companyurl" value="{% if user.company_url %}{{ user.company_url }}{% endif %}" type="url">
49
</x-vbox>
50
</x-hbox>
51
</x-vbox>
52
<x-vbox class="nopad">
53
<label for="location">{% trans %}Location{% endtrans %}</label>
54
<input id="location" name="location" value="{% if user.location %}{{ user.location }}{% endif %}" type="text">
55
</x-vbox>
56
<x-vbox class="nopad">
57
<label for="bio">{% trans %}Bio{% endtrans %}</label>
58
<textarea id="bio" name="bio" rows="4">{% if user.bio %}{{ user.bio }}{% endif %}</textarea>
59
</x-vbox>
60
<button type="submit">{% trans %}Update profile{% endtrans %}</button>
61
</x-vbox>
62
</form>
63
</section>
64
</article>
65
</x-frame>
66
{% endblock %}
67