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

<div class="navbar-fixed">
  <nav class="nav-extended">
    <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-med-and-down">
        <li><a href="{{ url_for('main.news') }}"><i class="material-icons left">email</i>News</a></li>
        <li>
          <a class="dropdown-trigger no-autoinit" data-target="nav-more-dropdown" href="#!" id="nav-more-dropdown-trigger">
            {% if current_user.is_authenticated %}
            <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="avatar" class="circle left" style="height: 54px; padding:8px;">
            {{ current_user.username }} ({{ current_user.email }})
            {% else %}
            <i class="material-icons left">more_vert</i>
            {% endif %}
          </a>
        </li>
      </ul>
    </div>
    <div class="nav-content primary-variant-color">
      <ul class="tabs tabs-transparent">
        {%- for breadcrumb in breadcrumbs -%}
        <li class="tab"><a {{ 'class="active"' if loop.last }} href="{{ breadcrumb.url }}" target="_self">{{ breadcrumb.text }}</a></li>
        {% if not loop.last %}
        <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
        {% endif %}
        {%- endfor -%}
      </ul>
      <a class="btn-floating btn-large halfway-fab modal-trigger pink tooltipped waves-effect waves-light" data-tooltip="Manual" href="#manual-modal"><i class="material-icons">school</i></a>
    </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{% 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>
  <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>
  {% endif %}
</ul>