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

<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper primary-color">
      {% if current_user.is_authenticated %}
      <a href="#" data-target="sidenav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
      {% endif %}
      <a href="{{ url_for('main.index') }}" class="brand-logo" style="height: 100%; overflow: hidden;">
        <img class="hide-on-med-and-up" src="{{ url_for('static', filename='images/nopaque_-_logo.svg') }}" style="height: 128px; margin-top: -32px; margin-left: -32px;">
      </a>
      <ul class="right hide-on-small-only">
        <li>
          <a class="dropdown-trigger no-autoinit" data-target="nav-more-dropdown" id="nav-more-dropdown-trigger">
            {% if current_user.is_authenticated %}
            <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" class="left circle py-2 mr-1" style="height: 64px;">
            {{ current_user.username }} ({{ current_user.email }})
            {% else %}
            <i class="material-icons left">more_vert</i>
            {% endif %}
          </a>
        </li>
      </ul>
    </div>
  </nav>
</div>

<ul class="dropdown-content" id="nav-more-dropdown">
  {% if current_user.is_authenticated %}
  <li><a href="{{ url_for('users.user', user_id=current_user.id) }}"><i class="material-icons left">person</i>My Profile</a></li>
  <li><a href="{{ url_for('settings.settings') }}"><i class="material-icons left">settings</i>Settings</a></li>
  <li class="divider" tabindex="-1"></li>
  <li><a href="{{ url_for('auth.logout') }}">Log out</a></li>
  {% else %}
  <li><a href="{{ url_for('auth.register') }}"><i class="material-icons left">assignment</i>Register</a></li>
  <li><a href="{{ url_for('auth.login') }}"><i class="material-icons left">login</i>Log in</a></li>
  {% endif %}
</ul>