<header id="header">

<div class="h-card p-author">
<data class="u-photo" value="{{ local_actor.icon_url }}"></data>
<a href="{{ local_actor.url }}" class="u-url u-uid no-hover title">
	<span class="name">{{ local_actor.name }}</span>
	<span class="p-name handle">{{ local_actor.handle }}</span>
</a>

<div class="p-note summary">
{{ local_actor.summary | safe }}
</div>

<div id="profile-props">
    {% for prop in local_actor.attachments %}
        <dl>
            {% if prop.type == "PropertyValue" %}
            <dt class="muted" title="{{ prop.name }}">{{ prop.name }}</dt>
            <dd>{{ prop.value | clean_html(local_actor) | safe }}</dd>
            {% endif %}
        </dl>
    {% endfor %}
</div>

</div>

{%- macro header_link(url, text) -%}
{% set url_for = request.app.router.url_path_for(url) %}
<a href="{{ url_for }}" {% if request.url.path == url_for %}class="active"{% endif %}>{{ text }}</a>
{% endmacro %}

<div class="public-top-menu">
<nav class="flexbox">
    <ul>
        <li>{{ header_link("index", "Notes") }}</li>
        {% if articles_count %}
            <li>{{ header_link("articles", "Articles") }}</li>
        {% endif %}
        <li>{{ header_link("followers", "Followers") }} <span class="counter">{{ followers_count }}</span></li>
        <li>{{ header_link("following", "Following") }} <span class="counter">{{ following_count }}</span></li>
        <li>{{ header_link("get_remote_follow", "Remote follow") }}</li>
    </ul>
</nav>
</div>


</header>