[[+partition:is=`collection.article`:then=`
<article data-id="[[+data.id]]">
  <div class="article-inner">
    <div class="hero">
      <div class="hero-inner">
        <div class="image">
          <div class="image-inner"><a href="[[+uri]]" title="[[+pagetitle]]">
            <noscript><img src="[[+image]]" alt="[[+pagetitle]]" /></noscript>
            <img data-src="[[+image]]" src="data:image/gif;base64,R0lGODlhHAAVAIAAAP///wAAACH5BAEAAAAALAAAAAAcABUAAAIWhI+py+0Po5y02ouz3rz7D4biSJZfAQA7" width="600" height="400" alt="[[+pagetitle]]" class="lazyload" />
          </a></div>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="main-source">
        <span class="publishedon">[[+publishedon]]</span> &nbsp;&bull;&nbsp; <span class="category"><a href="[[#34.uri]]/[[+category.alias]]" title="[[+category.name]]">[[+category.name]]</a></span>
      </div>
      <div class="main-top">
        <span class="title"><a href="[[+uri]]" title="[[+pagetitle]]">[[+pagetitle]]</a></span>
        [[+tags]]
      </div>
    </div>
  </div>
</article>
`]]

[[+partition:is=`collection.empty`:then=`
<article class="empty">
  <div class="empty-inner">
    <span class="heading">No articles</span>
    <span class="message">We can't find any news articles matching your criteria.</span>
  </div>
</article>
`]]