{% extends "app.html" %}

{% block sidebar %}
<aside class="sidebar" id="channelSidebar">
    <h2>Navigation</h2>
    <ul>
        <li><a class="no-select" href="/user/{{ profile_user.uid }}.html">Back to Profile</a></li>
    </ul>
    <h2>Pages</h2>
    <ul>
        {% for p in all_pages %}
        <li>
            <a class="no-select" href="/user/{{ profile_user.uid }}/{{ p.slug }}.html"
               {% if p.uid == page.uid %}style="font-weight: bold;"{% endif %}>
                {{ p.title }}
            </a>
        </li>
        {% else %}
        <li>No pages</li>
        {% endfor %}
    </ul>
</aside>
{% endblock %}

{% block header_text %}<h2 style="color:#fff">{{ page.title }}</h2>{% endblock %}

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