{% extends "base.html" %}

{% block title %}{{ account.username }}{% endblock %}

{% block content %}

<div class="side-layout profile">

  <aside class="side who-card">

    <img class="avatar xl" src="/avatar/{{ account.username }}" alt="">

    {% if !account.display_name.is_empty() %}<h1 class="display">{{ account.display_name }}</h1>{% endif %}

    <p class="handle">{{ account.username }}{% if account.is_admin %} <span class="tag">admin</span>{% endif %}</p>

    {% if !account.bio.is_empty() %}<p class="bio">{{ account.bio }}</p>{% endif %}

    <ul class="plain facts-list small">

      {% if !account.location.is_empty() %}<li><span aria-hidden="true">⌖</span> {{ account.location }}</li>{% endif %}

      {% if let Some(w) = website_href() %}<li><span aria-hidden="true">↗</span> <a href="{{ w }}" rel="nofollow noopener">{{ w }}</a></li>{% endif %}

      <li class="mute">joined <time title="{{ account.created_ms|when_i }}">{{ account.created_ms|ago_i }}</time></li>

    </ul>

    {% if is_me %}<a class="go small" href="/settings">edit profile</a>{% endif %}

    {% if !orgs.is_empty() %}

    <p><a class="go small" href="/projects/{{ account.username }}">Projects</a></p>

    <h3>Organisations</h3>

    <ul class="plain">{% for (o, role) in orgs %}<li><img class="avatar xs" src="/avatar/{{ o.name }}" alt=""> <a href="/{{ o.name }}">{{ o.name }}</a>{% if role == "owner" %} <span class="small mute">owner</span>{% endif %}</li>{% endfor %}</ul>

    {% endif %}

    <h3>Signing keys</h3>

    {% if keys.is_empty() %}<p class="small mute">None linked.</p>

    {% else %}<ul class="plain keys small">{% for k in keys %}<li><code title="{{ k.key }}">{{ k.key[..16] }}…</code><br><span class="mute">{{ k.name }}</span></li>{% endfor %}</ul>{% endif %}

  </aside>

  <div>

    <h2>Repositories <small>{{ repos.len() }}</small></h2>

    {% include "repo_list.html" %}

    <h2>Recent activity</h2>

    {% include "feed.html" %}

  </div>

</div>

{% endblock %}