header.html.j2

<header>
  <div id="nav-notifications-dropdown" class="dropdown-content">
    <p>Notifications</p>
  </div>
  <div id="nav-settings-dropdown" class="dropdown-content">
    <p>Settings</p>
  </div>
  <nav>
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo">
        {% if title %}{{ title }}{% else %}Opaque{% endif %}
      </a>
      <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
      <ul class="right hide-on-med-and-down">
        <li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
        <li><a id="nav-settings" class="dropdown-trigger" href="#!" data-target="nav-settings-dropdown"><i class="material-icons">settings</i></a></li>
      </ul>
    </div>
  </nav>

  <ul id="slide-out" class="sidenav sidenav-fixed">
    <li><a href="{{ url_for('index') }}">Opaque</a></li>
    <li><a href="{{ url_for('auth.login') }}">Login</a></li>
  </ul>
</header>