{{#if loading}}
  <div class='loading-spinner-container align-center'><div class='loading-spinner'></div></div>
{{else}}
  <div class="wrapper items-grid pd-t-2">
    <div class="tower tower--bleed">
      <div class="col-xs-3">
        {{front-page/news-feed/streams
            title=(t 'frontPage.followedChannels.title')
            titleLink='directory.following.channels'
            streams=streams
            trackingInfo=(create-context context='front_page_newsfeed' category="followed_channels")}}
        {{front-page/news-feed/hosts
            title=(t 'frontPage.liveHosts.title')
            titleLink='directory.following.hosts'
            streams=hosts
            trackingInfo=(create-context context='front_page_newsfeed' category="live_hosts")}}
      </div>
      <div class="col-xs-6 activity-container">
        {{twitch-feed/news-feed}}
      </div>
      <div class="col-xs-3">
        {{front-page/news-feed/games
            title='Top Games'
            titleLink='directory.games'
            games=topGames
            trackingInfo=(create-context context='front_page_newsfeed' category="top_games")}}
        {{front-page/news-feed/games
            title='Followed Games'
            titleLink='directory.following.games'
            games=followedGames
            trackingInfo=(create-context context='front_page_newsfeed' category="followed_games")}}
        {{front-page/news-feed/vod-coview
            maxVodsPerRow=5
            tracking_tt_medium="twitch_following"
            openInModal="openInModal"
            closeModal="closeModal"
            trackingInfo=(create-context context='front_page_newsfeed' category="vod_coview")}}
        <div class="flex flex--nowrap">
          <div class="flex__item flex__item--grow mg-r-2">
            <a class="block sub-text" href="/p/about">{{t 'frontPage.footer.links.about'}}</a>
            <a class="block sub-text" href="http://blog.twitch.tv">{{t "frontPage.footer.links.blog"}}</a>
            <a class="block sub-text" href="https://www.twitch.tv/products/turbo?ref=footer">{{t "frontPage.footer.links.turbo"}}</a>
            <a class="block sub-text" href="http://music.twitch.tv">{{t "frontPage.footer.links.music"}}</a>
            <a class="block sub-text" href="http://twitchmediagroup.com/">{{t "frontPage.footer.links.advertise"}}</a>
            <a class="block sub-text" href="/p/developers">{{t "frontPage.footer.links.developers"}}</a>
            <a class="block sub-text" href="/p/partners">{{t "frontPage.footer.links.partners"}}</a>
            <a class="block sub-text" href="/p/mobile">{{t "frontPage.footer.links.mobile"}}</a>
          </div>
          <div class="flex__item flex__item--grow">
            <a class="block sub-text" href="/p/jobs">{{t "frontPage.footer.links.jobs"}}</a>
            <a class="block sub-text" href="http://help.twitch.tv">{{t "frontPage.footer.links.help"}}</a>
            <a class="block sub-text" href="/user/legal?page=terms_of_service">{{t "frontPage.footer.links.terms"}}</a>
            <a class="block sub-text" href="/user/legal?page=privacy_policy">{{t "frontPage.footer.links.privacyPolicy"}}</a>
            <a class="block sub-text" href="https://www.twitch.tv/user/legal?page=ad_choices">{{t "frontPage.footer.links.adChoices"}}</a>
            <a class="block sub-text" href="https://www.twitch.tv/user/legal?page=cookie_policy">{{t "frontPage.footer.links.cookiePolicy"}}</a>
            <div id="languages">{{language-select balloonClass='balloon--up' linkClass='block sub-text'}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
{{/if}}
