{% extends "base.html" %}

{% block title %}Home{% endblock %}

{% block content %}
    {% include "activities/_home_menu.html" %}

    <section class="columns">

        <div class="left-column">
            {% for post in timeline_posts %}
                {% include "activities/_post.html" %}
            {% empty %}
                No posts yet.
            {% endfor %}
        </div>

        <div class="right-column">
            <h2>Compose</h2>
            <form action="." method="POST" class="compose">
                {% csrf_token %}
                {{ form.text }}
                {{ form.content_warning }}
                <div class="buttons">
                    <span class="button toggle" _="on click toggle .enabled then toggle .hidden on #id_content_warning">CW</span>
                    <button>Post</button>
                </div>
            </form>
        </div>

    </section>
{% endblock %}