HTML document, ASCII text
1
{% extends "user-profile.html" %}
2
{% block content %}
3
<x-frame style="--width: 768px;">
4
<x-vbox>
5
<x-hbox style="align-items: center;">
6
<img src="/info/{{ user.username }}/avatar" class="avatar" style="width: 128px; height: 128px;">
7
<x-vbox class="nopad">
9
{% if user.displayName and user.displayName != user.username %}
10
<hgroup id="username">
11
<h1>{{ user.displayName }}</h1>
12
<p>{{ user.username }}</p>
13
</hgroup>
14
{% else %}
15
<h1 class="headline">{{ user.username }}</h1>
16
{% endif %}
17
</x-vbox>
18
<div class="flexible-space"></div>
19
<ul class="noindent" style="list-style: none; text-align: end;">
20
{% if user.URL %}
21
<li><a href="{{ user.URL }}"><x-hbox><iconify-icon icon="ic:outline-web"></iconify-icon>{{ user.URL }}</x-hbox></a></li>
22
{% endif %}
23
{% if user.companyURL %}
24
<li><a href="{{ user.companyURL }}"><x-hbox><iconify-icon icon="ic:baseline-business-center"></iconify-icon>{{ user.company }}</x-hbox></a></li>
25
{% elif user.company %}
26
<li><x-hbox><iconify-icon icon="ic:baseline-business-center"></iconify-icon>{{ user.company }}</x-hbox></li>
27
{% endif %}
28
{% if user.location %}
29
<li><x-hbox><iconify-icon icon="mdi:map-marker-radius"></iconify-icon>{{ user.location }}</x-hbox></li>
30
{% endif %}
31
{% if user.showMail %}
32
<li><a href="mailto:{{ user.email }}"><x-hbox><iconify-icon icon="mdi:email"></iconify-icon>{{ user.email }}</x-hbox></a></li>
33
{% endif %}
34
</ul>
35
</x-hbox>
36
<x-vbox>
37
{% if user.bio %}
38
<article class="card" style="flex: 0 1 auto;">
39
<section class="card-main">
40
<p>
41
{{ user.bio }}
42
</p>
43
</section>
44
</article>
45
{% endif %}
46
</x-vbox>
47
</x-vbox>
48
</x-frame>
49
{% endblock %}