shoutdotdev/templates/nav.html

<nav class="navbar block" role="navigation" aria-label="main navigation">
  <div class="container">
    <div class="navbar-menu">
      <div class="navbar-start">
        <div class="navbar-item has-dropdown is-hoverable">
          <button class="navbar-link" type="button">Team: XXX</button>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="{{ base_path }}/teams/xxx">XXX</a>
            <a class="navbar-item" href="{{ base_path }}/teams/yyy">YYY</a>
          </div>
        </div>
        <a class="navbar-item" href="{{ base_path }}/">Projects</a>
        <a class="navbar-item" href="{{ base_path }}/">Output channels</a>
        <a class="navbar-item" href="{{ base_path }}/">Members</a>
      </div>
      <div class="navbar-end">
        <div class="navbar-item has-dropdown is-hoverable">
          <button class="navbar-link" type="button">Account ({{ current_user.email }})</button>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="{{ base_path }}/settings">Settings</a>
            <a class="navbar-item" href="{{ base_path }}/auth/logout">Log out</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</nav>