<div class="align-center mg-b-6 mg-t-9">
  <h4 class="ct-type-display">{{i18n "Overwatch Fan Art Contest"}}</h4>
  <p class="ct-type-p ct-type-grey-light">
    {{i18n "The contest is over and the winners have been decided! Congratulations to"}}
    {{#separated-list items=winners as |winner|}}
      {{#link-to 'channel' winner}}
        {{winner}}
      {{~/link-to~}}
    {{/separated-list~}}.
  </p>
  <a class="button button--hollow mg-t-3" href="http://link.twitch.tv/overwatchcontestgallery">{{i18n "View full size images"}}</a>
</div>

<div class="streams-grid items-grid">
  <ul class="entries js-streams streams items tower tower--bleed tower--240 tower--gutter-sm">
    {{#each entries as |entry|}}
      <div class="stream item">
        <div class="content">
          <div class="brick brick--hover brick--theme-white brick--pd-none ct-shadow-grey-sm">
            {{#link-to 'channel' entry.channel class="js-competition-entry no-underline"}}
              <figure class="brick__img-container">
                <img src={{entry.image}} alt="{{entry.channel}}'s entry'" class="brick__img">
              </figure>
              <div class="brick__caption flex flex--spaceBetween">
                <div>
                  <span class="ct-type-4">{{entry.channel}}</span>
                </div>
                {{#if entry.place}}
                  <div>
                    <div class="pill pill--yellow">{{entry.place}}</div>
                  </div>
                {{/if}}
              </div>
            {{/link-to}}
          </div>
        </div>
      </div>
    {{/each}}
    {{tower-placeholder}}
  </ul>
</div>

{{yield}}
