Misago/emberapp/app/templates/components/forum-navbar.hbs

<nav class="navbar navbar-primary navbar-default navbar-static-top" role="navigation">
  <div class="container">

    {{#if settings.forum_branding_display}}
      {{#link-to 'index' class="navbar-brand hidden-xs hidden-sm" activeClass=""}}
        <img src="{{unbound staticUrl}}misago/img/site-logo.png" alt="">
        {{#if settings.forum_branding_text}}
          <span class="hidden-xs hidden-sm">{{settings.forum_branding_text}}</span>
        {{/if}}
      {{/link-to}}
    {{/if}}

    <ul class="nav navbar-nav hidden-xs hidden-sm">
      <li>
        <a href="#">
          {{gettext "Threads"}}
        </a>
      </li>
      <li>
        <a href="#">
          {{gettext "Forums"}}
        </a>
      </li>
      <li>
        <a href="#">
          {{gettext "Feeds"}}
        </a>
      </li>
      <li>
        {{#link-to "users"}}
          {{gettext "Users"}}
        {{/link-to}}
      </li>
      <li>
        <a href="#">
          {{gettext "Search"}}
        </a>
      </li>
    </ul>

    {{#if auth.isAuthenticated}}
    <ul class="nav navbar-nav navbar-user-nav hidden-xs hidden-sm">
      <li class="icon">
        <a href="#" title="{{gettext "Reports"}}">
          <i class="material-icons">error_outline</i>
          <span class="badge">132</span>
        </a>
      </li>
      <li class="icon user-notices dropdown" title="{{gettext "Notifications"}}">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
          <i class="material-icons">notifications_none</i>
          <span class="badge">132</span>
        </a>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </li>
      <li class="user-menu dropdown">
        {{#link-dropdown-toggle route='user' params=[auth.user] }}
          {{user-avatar user=auth.user size=32}}
        {{/link-dropdown-toggle}}

        {{user-menu}}
      </li>
      <li>
        <button type="button" class="btn btn-start-thread navbar-btn" title="{{gettext "Start thread"}}">
          <i class="material-icons">chat</i>
        </button>
      </li>
    </ul>
    {{else}}
    <div class="navbar-guest-nav hidden-xs hidden-sm">
      {{#show-modal-button modal="login-modal" class="btn btn-sign-in navbar-btn"}}
        {{gettext "Sign in"}}
      {{/show-modal-button}}

      {{#register-button class="btn btn-join navbar-btn"}}
        {{gettext "Join"}}
      {{/register-button}}
    </div>
    {{/if}}
  </div><!-- /full navbar -->

  <ul class="nav navbar-nav navbar-compact-nav hidden-md hidden-lg {{if settings.forum_branding_display "with-7-links" "with-6-links"}}">
    {{#if settings.forum_branding_display}}
    <li class="compact-brand">
      {{#link-to 'index' activeClass=""}}
        <img src="{{unbound staticUrl}}misago/img/site-icon.png" alt="">
      {{/link-to}}
    </li>
    {{/if}}
    <li>
      <a href="#">
        <i class="material-icons">chat</i>
      </a>
    </li>
    <li>
      <a href="#">
        <i class="material-icons">forum</i>
      </a>
    </li>
    <li>
      <a href="#">
        <i class="material-icons">favorite_border</i>
      </a>
    </li>
    <li>
      {{#link-to "users"}}
        <i class="material-icons">group</i>
      {{/link-to}}
    </li>
    <li>
      <a href="#">
        <i class="material-icons">search</i>
      </a>
    </li>
    {{#if auth.isAuthenticated}}
    <li class="user-menu dropdown">
      {{#navbar-dropdown-toggle route='user' params=[auth.user] dropdown='user-menu' }}
        {{user-avatar user=auth.user size=32}}
      {{/navbar-dropdown-toggle}}
    </li>
    {{else}}
    <li class="user-menu dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
        {{user-avatar size=30}}
      </a>
      <ul class="dropdown-menu user-dropdown dropdown-menu-right" role="menu">
        <li class="guest-preview">

          <div class="media">
            <div class="media-body">

              <h4 class="media-heading">{{gettext "You are browsing as guest."}}</h4>

              <div class="row">
                <div class="col-xs-6">
                  {{#show-modal-button modal="login-modal" class="btn btn-outlined btn-default btn-block btn-sm"}}
                    {{gettext "Sign in"}}
                  {{/show-modal-button}}
                </div>
                <div class="col-xs-6">
                  {{#register-button class="btn btn-outlined btn-success btn-block btn-sm"}}
                    {{gettext "Join"}}
                  {{/register-button}}
                </div>
              </div>

            </div>
          </div>

        </li>
      </ul>
    </li>
    {{/if}}
  </ul>
  <!-- /.compact navbar -->
</nav>