{% 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 %}