user-profile-overview.html
HTML document, ASCII text
1{% extends "user-profile.html" %} 2{% set active_page = "profile" %} 3 4{% block content %} 5<x-frame style="--width: 768px; --padding: 1em;"> 6<x-vbox> 7<x-hbox style="align-items: center;"> 8<img src="/info/{{ user.username }}/avatar" class="avatar" style="width: 128px; height: 128px;"> 9 10<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 %}