By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 user-profile.html

View raw Download
text/html • 3.37 kiB
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
</ul>
42
</x-hbox>
43
<x-vbox>
44
{% if user.bio %}
45
<article class="card" style="flex: 0 1 auto;">
46
<section class="card-main">
47
<p>
48
{{ user.bio }}
49
</p>
50
</section>
51
</article>
52
{% endif %}
53
<h2>Repositories</h2>
54
<article class="card" style="flex: 0 1 auto;">
55
<section class="card-main">
56
<ul style="list-style: none;" class="noindent">
57
{% for repo in repos %}
58
<li>
59
<article>
60
<a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a>
61
{% if repo.info %}
62
<p>{{ repo.info }}</p>
63
{% endif %}
64
</article>
65
</li>
66
{% endfor %}
67
</ul>
68
</section>
69
</article>
70
</x-vbox>
71
</x-vbox>
72
</x-frame>
73
{% endblock %}
74
75