user-profile.html
HTML document, ASCII text
1{% extends "default.html" %} 2{% block title %} 3{{ user.username }} 4{% endblock %} 5{% block breadcrumbs %} 6<li><a href="/{{ user.username }}">{{ user.username }}</a></li> 7{% endblock %} 8 9{% block content %} 10<x-frame style="--width: 768px;"> 11<x-vbox> 12<x-hbox style="align-items: center;"> 13<img src="/info/{{ user.username }}/avatar" class="avatar" style="width: 128px; height: 128px;"> 14 15<x-vbox class="nopad"> 16{% if user.displayName and user.displayName != user.username %} 17<hgroup id="username"> 18<h1>{{ user.displayName }}</h1> 19<p>{{ user.username }}</p> 20</hgroup> 21{% else %} 22<h1 class="headline">{{ user.username }}</h1> 23{% endif %} 24</x-vbox> 25<div class="flexible-space"></div> 26<ul class="noindent" style="list-style: none; text-align: end;"> 27{% if user.URL %} 28<li><a href="{{ user.URL }}"><x-hbox><iconify-icon icon="ic:outline-web"></iconify-icon>{{ user.URL }}</x-hbox></a></li> 29{% endif %} 30{% if user.companyURL %} 31<li><a href="{{ user.companyURL }}"><x-hbox><iconify-icon icon="ic:baseline-business-center"></iconify-icon>{{ user.company }}</x-hbox></a></li> 32{% elif user.company %} 33<li><x-hbox><iconify-icon icon="ic:baseline-business-center"></iconify-icon>{{ user.company }}</x-hbox></li> 34{% endif %} 35{% if user.location %} 36<li><x-hbox><iconify-icon icon="mdi:map-marker-radius"></iconify-icon>{{ user.location }}</x-hbox></li> 37{% endif %} 38{% if user.showMail %} 39<li><a href="mailto:{{ user.email }}"><x-hbox><iconify-icon icon="mdi:email"></iconify-icon>{{ user.email }}</x-hbox></a></li> 40{% endif %} 41{% if loggedInUser != user.username %} 42<li><form action="?action=follow"> 43<button type="submit"> 44{% if relationship %}Unfollow{% else %}Follow{% endif %} 45</button> 46</form></li> 47{% endif %} 48</ul> 49</x-hbox> 50<x-vbox> 51{% if user.bio %} 52<article class="card" style="flex: 0 1 auto;"> 53<section class="card-main"> 54<p> 55{{ user.bio }} 56</p> 57</section> 58</article> 59{% endif %} 60<h2>Repositories</h2> 61<article class="card" style="flex: 0 1 auto;"> 62<section class="card-main"> 63<ul style="list-style: none;" class="noindent"> 64{% for repo in repos %} 65<li> 66<article> 67<a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a> 68{% if repo.info %} 69<p>{{ repo.info }}</p> 70{% endif %} 71</article> 72</li> 73{% endfor %} 74</ul> 75</section> 76</article> 77</x-vbox> 78</x-vbox> 79</x-frame> 80{% endblock %} 81 82