nopaque/app/templates/_base/navbar.html.j2

<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper primary-color">
      {# menu icon #}
      {# shown for small/medium devices #}
      {% if current_user.is_authenticated %}
      <a href="#!" class="sidenav-trigger" data-target="sidenav"><i class="material-icons">menu</i></a>
      {% endif %}

      {# nopaque logo+wordmark #}
      <a href="{{ url_for('main.index') }}" class="brand-logo center" style="height: 100%;">
        <img src="{{ url_for('static', filename='images/nopaque-logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;">
      </a>

      {# right items #}
      {# shown on large devices #}
      <ul class="right hide-on-med-and-down" style="height: 100%;">
        {% if current_user.is_authenticated %}
        {# avatar, username and email #}
        {# shown for authenticated users #}
        <li style="height: 100%;">
          <a href="#!" class="dropdown-trigger no-autoinit" data-target="nav-more-dropdown" id="nav-more-dropdown-trigger" style="height: 100%;">
            <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="" class="left circle py-3 mr-1" style="height: 100%;">
            {{ current_user.username }} ({{ current_user.email }})
          </a>
        </li>
        {% else %}
        {# log in and register items #}
        {# shown for unauthenticated users on all devices #}
        <li {% if request.path == url_for('auth.login') %}class="active"{% endif %}><a href="{{ url_for('auth.login') }}"><i class="material-icons left">login</i>Log in</a></li>
        <li {% if request.path == url_for('auth.register') %}class="active"{% endif %}><a href="{{ url_for('auth.register') }}"><i class="material-icons left">assignment</i>Register</a></li>
        {% endif %}
      </ul>
    </div>
  </nav>
</div>


{% if current_user.is_authenticated %}
<ul class="dropdown-content" id="nav-more-dropdown">
  <li><a href="{{ url_for('settings.settings') }}"><i class="material-icons left">settings</i>Settings</a></li>
  <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons left">logout</i>Log out</a></li>
</ul>
{% endif %}