{% comment %}
Standard bottom navigation shared by the main pages.
Usage: {% include 'main/_bottomnav.html' with active="home" %}
  active is one of: home | task | event
{% endcomment %}
<nav class="bottom-nav">
    <a href="/dashboard/" class="{% if active == 'home' %}active{% endif %}">
        <span class="nav-ico">🏠</span>
        Home
    </a>
    <a href="/task/" class="{% if active == 'task' %}active{% endif %}">
        <span class="nav-ico">📝</span>
        Task
    </a>
    <a href="/event/" class="{% if active == 'event' %}active{% endif %}">
        <span class="nav-ico">📅</span>
        Event
    </a>
</nav>