ti-pwa/templates/fragments/sidebar.j2

<ul class="list-unstyled components">
    {% if request.path == url_for('index') %}
    <li class="nav-item active">
    {% else %}
    <li class="nav-item">
    {% endif %}
        <a href="{{ url_for('index') }}">
        <svg
            width="24"
            height="24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
            <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#home"/>
        </svg>Home
        </a>
    </li>
</ul>

{% if request.path == url_for('about') %}
<div style="position: fixed; bottom: 20px;" class="active">
{% else %}
<div style="position: fixed; bottom: 20px;">
{% endif %}
    <a href="{{ url_for('about') }}"><svg
            width="24"
            height="24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
            <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#coffee"/>
        </svg>About</a>
</div>