user-profile-overview.html
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 8<x-vbox class="nopad"> 9{% if user.display_name and user.display_name != user.username %} 10<hgroup id="username"> 11<h1>{{ user.display_name }}</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.company_url %} 24<li><a href="{{ user.company_url }}"><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.show_mail %} 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 %}