<div id="site_header" class="clearfix" role="navigation">
  <div id="header_inside" class="c12">
    <a href="/" id="header_logo" aria-label="Twitch" title="Twitch">
      {{partial 'svg/logo-twitch'}}
    </a>

    <div id="header_actions" class="clearfix">
      {{#if session.isAuthenticated}}
        <div id="header_loggedin">
          {{front-page/header-username-menu}}

          {{#link-to 'directory.following' class='button button--text' id='header_following'}}
            <span>{{t 'frontPage.headerBar.following'}}</span>
          {{/link-to}}
        </div>
      {{else}}
        <div id="header_loggedout">
          <a href="/login" {{action (route-action 'handleLoginButtonClick')}} class="button button--text" id="header_login">
            <span>{{t 'general.account.logIn'}}</span>
          </a>

          <a href="/signup" {{action (route-action 'handleSignupButtonClick')}} class="button button--text last" id="header_signup">
            <span>{{t 'general.account.signUp'}}</span>
          </a>
        </div>
      {{/if}}

      <div class="header_divider"></div>

      {{front-page/header-bar/upsell-loader}}

      {{#link-to 'directory' class='button button--text' id='header_browse'}}
        <span>{{t 'frontPage.headerBar.browse'}}</span>
      {{/link-to}}

      <div id="new-header-search" class="new-header-search">
        {{navigation-search isInHeader=true}}
      </div>
    </div>
  </div>
</div>
{{front-page/announcement-header-loader}}
