<div class="dark_wrapper">
  <div class="content">
    <div class="focus c8">
      <div class="live_frontpage_player_container swf_container js-player-container player-container" id="player" style="height: 349px;">
      </div>
    </div>

    <ul class="items grid c4 last">
      <li class="active">
        {{#liquid-bind selectedStream.stream use="fade" as |stream|}}
          {{#if stream}}
            <div class="meta">
              {{#link-to 'channel' stream.channel.name class='pic js-channel_discovery_link'}}
                <img src={{stream.channel.logo}} alt={{stream.channel.display_name}}>
              {{/link-to}}

              <h5 class="name">{{stream.channel.display_name}}</h5>
              <p class="playing">
                {{#i18n-wrappers/single-replace
                  translation=(t 'frontPage.carouselPlayer.streamingGame' game='{game}')
                  yieldKey='{game}'
                  }}
                  <a class="js-channel_discovery_link" href={{concat '/directory/game/' stream.game}}>
                    {{stream.game}}
                  </a>
                {{/i18n-wrappers/single-replace}}
              </p>
            </div>

            <h2>
              {{#link-to 'channel' stream.channel.name class='js-channel_discovery_link'}}
                {{stream.title}}
              {{/link-to}}
            </h2>

            <div class="desc js-channel_discovery_desc">
              {{! template-lint-disable triple-curlies }}
              <p>{{{stream.text}}}</p>
            </div>
          {{/if}}
        {{/liquid-bind}}
      </li>
    </ul>
  </div>
</div>
