ti-link-shortener/templates/fragments/navbar.j2

<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
    <div class="navbar-brand d-none d-md-block">TI Link Shortener</div>
    <form class="form-inline ml-auto">
        <a onclick="showApps();" style="cursor: pointer;">
            <svg
                width="24"
                height="24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="vertical-align: middle;">
                <use xlink:href="{{url_for('.static', filename='icons/feathericons/feather-sprite.svg')}}#grid"/>
            </svg>
        </a>
        {% if current_user.is_authenticated %}
            <a href="https://account.technicalincompetence.club" style="color: white;">
                <svg
                    width="24"
                    height="24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    style="vertical-align: middle; margin-left: 1rem;">
                    <use xlink:href="{{url_for('.static', filename='icons/feathericons/feather-sprite.svg')}}#user"/>
                </svg>
            </a>
        {% else %}
            <a class="btn btn-sm btn-primary" style="margin-left: 1rem;" href="https://account.technicalincompetence.club" role="button">Sign In</a>
        {% endif %}
    </form>
</nav>