{% extends 'discover/landing_layout.html' %}
{% block panel %}

<div class="block columns mt-4">
    <nav class="menu column is-one-quarter">
        <h2 class="menu-label">About {{ site.name }}</h2>
        <ul class="menu-list">
            <li>
                <a href="#coc">Code of Conduct</a>
            </li>
            <li>
                <a href="#privacy">Privacy Policy</a>
            </li>
        </ul>
    </nav>

    <div class="column content">
        <div class="block" id="coc">
            <h2 class="title">Code of Conduct</h2>
            <div class="content">
                {{ site.code_of_conduct | safe }}
            </div>
        </div>

        <hr aria-hidden="true">

        <div class="block" id="privacy">
            <h2 class="title">Privacy Policy</h2>
            <div class="content">
                {{ site.privacy_policy | safe }}
            </div>
        </div>
    </div>
</div>

{% endblock %}