takahe/templates/settings/_menu.html

<nav>
    {% if identity %}
    {% include "identity/_identity_banner.html" %}
    <h3>Settings</h3>
    <a href="{% url "settings_profile" handle=identity.handle %}" {% if section == "profile" %}class="selected"{% endif %} title="Profile">
        <i class="fa-solid fa-user"></i>
        <span>Profile</span>
    </a>
    <a href="{% url "settings_interface" handle=identity.handle %}" {% if section == "interface" %}class="selected"{% endif %} title="Interface">
        <i class="fa-solid fa-display"></i>
        <span>Interface</span>
    </a>
    <a href="{% url "settings_follows" handle=identity.handle %}" {% if section == "follows" %}class="selected"{% endif %} title="Follows">
        <i class="fa-solid fa-arrow-right-arrow-left"></i>
        <span>Follows</span>
    </a>
    <a href="{% url "settings_import_export" handle=identity.handle %}" {% if section == "importexport" %}class="selected"{% endif %} title="Interface">
        <i class="fa-solid fa-cloud-arrow-up"></i>
        <span>Import/Export</span>
    </a>
    <hr>
    <h3>Tools</h3>
    <a href="{% url "compose" handle=identity.handle %}" {% if section == "compose" %}class="selected"{% endif %} title="Compose">
        <i class="fa-solid fa-pen-to-square"></i>
        <span>Compose</span>
    </a>
    <hr>
    {% endif %}
    <h3>Account</h3>
    <a href="{% url "settings_security" %}" {% if section == "security" %}class="selected"{% endif %} title="Login &amp; Security">
        <i class="fa-solid fa-key"></i>
        <span>Login &amp; Security</span>
    </a>
    <a href="{% url "logout" %}">
        <i class="fa-solid fa-right-from-bracket" title="Logout"></i>
        <span>Logout</span>
    </a>
</nav>