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

      {% if !account.bluesky.is_empty() %}<li class="social"><svg class="icon" viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path fill="#0085ff" d="M12 10.8c-1.1-2.1-4-6.1-6.8-8C2.6 1 1.6 1.3 1 1.6.3 1.9 0 3 0 3.6s.4 5.6.6 6.4c.8 2.6 3.6 3.5 6.2 3.2-3.8.6-7.1 1.9-2.7 6.8 4.8 5 6.6-1.1 7.9-4.3 1.3 3.2 2.8 9.2 7.8 4.3 3.8-3.8 1.1-6.2-2.7-6.8 2.6.3 5.4-.6 6.2-3.2.2-.8.6-5.8.6-6.4S23.7 1.9 23 1.6c-.6-.3-1.6-.6-4.2 1.2-2.8 1.9-5.7 5.9-6.8 8z"/></svg> <a href="{{ crate::social::bluesky_url(account.bluesky) }}" rel="nofollow noopener me" title="Bluesky">@{{ account.bluesky }}</a></li>{% endif %}

      {% if !account.mastodon.is_empty() %}<li class="social"><svg class="icon" viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path fill="#6364ff" d="M23.3 5.3c-.4-2.7-2.7-4.8-5.5-5.2C17.3 0 15.5-.1 12.9 0h-.1c-2.6 0-3.2.1-3.7.2C6.4.6 4.3 2.1 3.5 4.7c-.4 1.3-.5 2.7-.4 4.1-.1 1.9 0 3.9.3 5.8.2 1.4.6 2.8 1.3 4.1 1.1 2.1 3.2 3.5 5.5 3.9 2.5.4 5.1.3 7.5-.3.3-.1.6-.2.8-.3l-.1-2.1c-1.6.5-3.3.7-5 .7-2.5 0-3.3-1.2-3.5-1.7-.1-.4-.2-.9-.3-1.4 2.1.5 4.2.6 6.3.4 3.7-.4 7-1.8 7.5-6.3.1-.4 0-4.3-.1-5.3zm-3.9 9.1h-2.8V8.1c0-1.3-.6-2-1.7-2-1.2 0-1.9.8-1.9 2.4v3.5h-2.8V8.5c0-1.6-.6-2.4-1.9-2.4-1.1 0-1.7.7-1.7 2v6.3H3.8V7.9c0-1.3.3-2.4 1-3.2.7-.8 1.7-1.2 2.9-1.2 1.4 0 2.4.5 3.1 1.6l.7 1.1.7-1.1c.7-1.1 1.7-1.6 3.1-1.6 1.2 0 2.2.4 2.9 1.2.7.8 1 1.9 1 3.2v6.5z"/></svg> <a href="{{ crate::social::mastodon_url(account.mastodon) }}" rel="nofollow noopener me" title="Mastodon">@{{ account.mastodon }}</a></li>{% endif %}

      {% if !account.github.is_empty() %}<li class="social"><svg class="icon" viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg> <a href="{{ crate::social::github_url(account.github) }}" rel="nofollow noopener me" title="GitHub">{{ account.github }}</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>

    <section class="side-card"><h3>Organisations <span class="count-chip">{{ orgs.len() }}</span></h3><div class="body">

    <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>

    </div></section>

    {% endif %}

    <section class="side-card"><h3>Signing keys</h3><div class="body">

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

    </div></section>

  </aside>

  <div>

    {% include "pulse.html" %}

    <section class="card-box"><div class="card-head"><h2>Repositories</h2><span class="count-chip">{{ repos.len() }}</span></div>

    {% include "repo_list.html" %}

    </section>

    <section class="card-box"><div class="card-head"><h2>Recent activity</h2></div>

    {% include "feed.html" %}

    </section>

  </div>

</div>

{% endblock %}