{% extends 'lemoncurry/layout.html' %}
{% load jsonify markdown static %}
{% block html_class %}h-feed{% endblock %}
{% block styles %}
<link rel="stylesheet" type="text/stylus" href="{% static 'home/css/index.styl' %}" />
<link rel="stylesheet" type="text/stylus" href="{% static 'entries/css/h-entry.styl' %}" />
{% endblock %}

{% block head %}{% for key in user.keys.all %}<link rel="pgpkey" href="{{ key.file.url }}" />{% endfor %}{% endblock %}

{% block main %}
<aside class="author">
	<article class="h-card card p-author">
		<a class="u-uid u-url" href="{{ uri }}">
		{% if user.avatar %}<img class="card-img-top u-photo" src="{{ user.avatar.url }}" alt="{{ user.first_name }} {{ user.last_name }}" />{% endif %}
		</a>

		<div class="card-body">
			<h4 class="card-title p-name">
				<span class="p-given-name">{{ user.first_name }}</span> <span class="p-family-name">{{ user.last_name }}</span>
			</h4>
			{% if user.note %}<div class="p-note">{{ user.note | markdown }}</div>{% endif %}
		</div>

		<div class="card-footer">
			<ul class="profiles">
				<li><a class="u-email" rel="me" href="mailto:{{ user.email }}">
						<i class="fas fa-envelope"></i> {{ user.email }}
				</a></li>
				{% if user.xmpp %}<li><a class="u-impp" rel="me" href="xmpp:{{ user.xmpp }}">
						<i class="openwebicons-xmpp" aria-hidden="true"></i> {{ user.xmpp }}
				</a></li>{% endif %}
			</ul>
		</div>

		<div class="card-footer">
			<ul class="profiles">
				{% for key in user.keys.all %}<li>
					<a class="u-key" href="{{ key.file.url }}">
						<i class="fas fa-key"></i> {{ key.pretty_print }}
					</a>
				</li>
				{% endfor %}
			</ul>
		</div>

		<div class="card-footer">
			<ul class="profiles">
				{% for profile in user.profiles.all %}<li>
					<a class="u-url" rel="me" href="{{ profile.url }}" title="{{ profile }}"><i class="{{ profile.site.icon }}" aria-hidden="true"></i><span class="sr-only">{{ profile }}</span></a>
				</li>{% endfor %}
			</ul>
		</div>

		<script class="p-json-ld" type="application/ld+json">{{ user.json_ld | jsonify }}</script>
	</article>
</aside>
<ol class="list-unstyled entries">
	{% for entry in entries %}
	<li>
		{% include 'entries/h-entry.html' %}
	</li>
	{% endfor %}
</ol>
{% endblock %}
{% block foot %}
<script type="text/javascript">
	tippy('.profiles [title]', {arrow: true});
</script>
{% endblock %}