<div class="ct-color-purple-light brick--bleed mg-b-4 pd-t-4">
  <span class="ct-header__sub ct-type-2 ct-type-white">
    {{i18n "Communities"}} <span class="ct-type-purple-dark">{{i18n "on"}}</span>
    {{#link-to 'directory.creative'}}
      <span class="ct-header__main ct-type-purple-dark">{{model.game.name}}</span>
    {{/link-to}}
  </span>
</div>

{{#creative-breadcrumb game=game}}
  {{#link-to 'directory.creative.communities' class='ct-bar__crumb ct-crumb ct-crumb--3'}}
    <div class="ct-crumb__label">{{i18n "Communities"}}</div>
    <div class="ct-crumb__arrow"></div>
  {{/link-to}}
{{/creative-breadcrumb}}

<div class="clearfix mg-b-2 mg-t-3">
  <h4 class="ct-type-3">{{i18n "Popular Communities"}}</h4>
</div>

{{community-discovery communities=model.communities}}

{{outlet}}
