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