{% extends "base.html" %}

{% block nav_contact %}active{% endblock %}

{% block header %}

<header>
  <div class="panel" id="title">
    <h1>{{ locale.text("name").unwrap() }}</h1>
  </div>
</header>

{% endblock header %}

{% block content %}

<div class="content panel h-card" rel="author">
  <h1 class="p-name">{{ locale.text("name").unwrap() }}</h1>

  <ul>
    <li>
      <h3>{{ locale.text("pronouns").unwrap()|safe }}</h3>
    </li>
    <li>{{ locale.text("email").unwrap() }}: <a class="u-email" href="mailto:cel@blos.sm">cel@blos.sm</a></li>
    <li>{{ locale.text("jabber").unwrap() }}: <a class="u-impp" href="xmpp:cel@blos.sm?message">cel@blos.sm</a></li>
    <li>{{ locale.text("scrobbles").unwrap() }}: <a class="u-url"
        href="https://listenbrainz.org/user/celblossom">listenbrainz/celblossom</a></li>
    <li>{{ locale.text("bandcamp-fan").unwrap() }}: <a class="u-url"
        href="https://bandcamp.com/celblossom">bandcamp/celblossom</a></li>
    <br>
    <li><span class="p-note">{{ locale.text("languages").unwrap() }}</span></li>
    </li>
    <li><span class="p-note">{{ locale.text("programming").unwrap() }}</span></li>
  </ul>
</div>

{% endblock content %}