{{#if layout.isSocialColumnEnabled}}
  {{front-page/announcement-header-loader}}
{{else}}
  {{front-page/header-bar}}
{{/if}}

<div class="newsfeed full-height">
  <div id="carousel_and_background">
    <div id="carousel">
      {{front-page/carousel-player selectedStream=selectedStream}}

      {{! NOTE: (action (mut selectedStream)) means "create an action that sets
          the value of `selectedStream`" }}
      {{front-page/carousel-menu
          featuredStreams=featuredStreams
          selectedIndex=selectedStream.index
          selectStream=(action (mut selectedStream))}}

      <div id="carousel_background">
        <img alt="{{i18n 'Carousel Background'}}" src="{{backgroundArtHost}}/404_backgroundart.jpg">
      </div>
    </div>
  </div>
  {{front-page/news-feed}}
</div>
