{% if not embedded %}{% extends 'base/base.html' %}{% endif %}
{% set dates_format='relative' if single else 'short' %}
{% import 'components/avatar.html' as avatar with context %}
{% import 'blog/macros.html' as blog with context %}
{% import 'input/textbox.html' as textbox with context %}
{% import 'input/navigation.html' as navigation with context %}

{% block body %}

{{ icon_defs(
"ellipsis", "regular face-smile", "reply", "share", "star"
) }}

<div class="columns is-gapless blog-container is-full-height">
    <!-- Left Panel -->
    <div class="column is-2 left-sidebar has-background-dark" id="left_panel">
        {% include 'forum/discover_panel.html' %}
    </div>
    <div class="column is-8 main-panel blog-main is-flex is-flex-direction-column" id="main_panel">
        {% include 'forum/show_messages.html' %}
    </div>
</div>

{% endblock body %}