<nav>
    <a href="/" {% if current_page == "home" %}class="selected"{% endif %}>
        <i class="fa-solid fa-home"></i> Home
    </a>
    {% if request.user.is_authenticated %}
        <a href="{% url "notifications" %}" {% if current_page == "notifications" %}class="selected"{% endif %}>
            <i class="fa-solid fa-at"></i> Notifications
        </a>
        <a href="{% url "local" %}" {% if current_page == "local" %}class="selected"{% endif %}>
            <i class="fa-solid fa-city"></i> Local
        </a>
        <a href="{% url "federated" %}" {% if current_page == "federated" %}class="selected"{% endif %}>
            <i class="fa-solid fa-globe"></i> Federated
        </a>
        <h3></h3>
        <a href="{% url "compose" %}" {% if top_section == "compose" %}class="selected"{% endif %}>
            <i class="fa-solid fa-feather"></i> Compose
        </a>
        <a href="{% url "search" %}" {% if top_section == "search" %}class="selected"{% endif %}>
            <i class="fa-solid fa-search"></i> Search
        </a>
        <a href="{% url "settings" %}" {% if top_section == "settings" %}class="selected"{% endif %}>
            <i class="fa-solid fa-gear"></i> Settings
        </a>
    {% else %}
        <a href="/local/" {% if current_page == "local" %}class="selected"{% endif %}>
            <i class="fa-solid fa-city"></i> Local Posts
        </a>
        <h3></h3>
        <a href="/auth/signup/" {% if current_page == "signup" %}class="selected"{% endif %}>
            <i class="fa-solid fa-user-plus"></i> Create Account
        </a>
    {% endif %}
</nav>

{% if current_page == "home" %}
    <h2>Compose</h2>
    <form action="/compose/" method="POST" class="compose">
        {% csrf_token %}
        {{ form.text }}
        {{ form.content_warning }}
        <input type="hidden" name="visibility" value="0">
        <div class="buttons">
            <span class="button toggle" _="on click toggle .enabled then toggle .hidden on #id_content_warning">CW</span>
            <button>{% if config_identity.toot_mode %}Toot!{% else %}Post{% endif %}</button>
        </div>
    </form>
{% endif %}