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