{% extends "app.html" %}

{% block sidebar %}

<aside class="sidebar" id="channelSidebar">
    <h2>Navigation</h2>
    <ul>
        <li><a class="no-select" href="#" onclick="window.history.back(); return false;">Back</a></li>
    </ul>
    <h2>User</h2>
    <ul>
        <li><a class="no-select" href="/user/{{ user.uid }}.html">Profile</a></li>
        <li><a class="no-select" href="/channel/{{ user.uid }}.html">DM</a></li>
    </ul>
    {% if profile_pages %}
    <h2>Pages</h2>
    <ul>
        {% for page in profile_pages %}
        <li><a class="no-select" href="/user/{{ user.uid }}/{{ page.slug }}.html">{{ page.title }}</a></li>
        {% endfor %}
    </ul>
    {% endif %}
    <h2>Gists</h2>
    <ul>
        <li>No gists</li>
    </ul>

  </aside>
{% endblock %}

{% block header_text %}<h2 style="color:#fff">{{ user.username }} {% if user.nick != user.username %}({{ user.nick }}){% endif %}</h2>{% endblock %}

{% block head %}
{% endblock %}

{% block main %}
<section class="chat-area" style="padding:10px">
{% autoescape false %}
{% markdown %}
{{ profile }}
{% endmarkdown %}
{% endautoescape %}
</section>
{% endblock main %}