<article class="home-container">
    {{#if github}}
    {{#if github.contributors}}
    <div class="content-container">
        <h2 class="home-title">Contributors</h2>
        <div class="facepile-container">
            <div class="facepile">
                {{#each github.contributors}}
                <a
                        href="{{html_url}}"
                        target="_blank"
                        title="{{login}}"
                        rel="noopener noreferrer"
                >
                    <img src="{{avatar_url}}" alt="{{login}}"/>
                </a>
                {{/each}}
            </div>
        </div>
    </div>
    {{/if}}

    {{#if github.releases}}
    <div class="content-container">
        <h2 class="home-title">Changelog</h2>
        {{#each github.releases as |release|}}
          {{#if (lt @index 3)}}
        <div class="release">
            <div class="release-header">
                <a
                        class="release-title"
                        href="{{release.html_url}}"
                        target="_blank"
                        rel="noopener noreferrer"
                >{{release.name}}</a>
                <span class="release-date">{{#moment
                    release.published_at "MMMM DD, yyyy"
                  }}{{/moment}}
                </span>
            </div>
            <div class="release-body">
{{#if release.body}}
{{#markdown}}{{release.body}}{{/markdown}}
{{/if}}
            </div>
        </div>
        {{/if}}
        {{/each}}

        {{#if (gt github.releases.length 6)}}
        <div>
            <a class="release-btn" href="/changelog">
                Full Changelog
                <span>→</span>
            </a>
        </div>
        {{/if}}
    </div>
    {{/if}}
  {{/if}}
</article>
