
{{#if title}}
    <div class="s-grid-title">
        <h4 class="s-list-description">Graphics from</h4>
        <h2 class="s-article-title">{{{title}}}</h2>
    </div>
{{/if}}

{{#if graphics}}

<div class="s-grid-container">
    <p><i>{{{linkSentence}}}</i></p>
    {{#each graphics}}
    <a href="{{this.highres}}" target="_blank" rel="noreferrer noopener">
        <div class="grid-cell">
            {{#if this.interactive}}
            <div class="graphics_ribbon--interactive">
                <span>INTERACTIVE</span>
            </div>
            {{/if}}
            <figure>
                <img src="{{this.thumbnail}}" alt="{{@key}}" class="grid-cell__image"/>
            </figure>
            <figcaption>
                {{@key}}
            </figcaption>
        </div>
    </a>

{{/each}}

</div>

{{/if}}
