mixin renderBlogPostListItem (post, postIndex = 1, postIndexModulus = 3)
  a(href=`/post/${post.slug}`).uk-display-block.uk-link-reset
    div(uk-grid).uk-grid-small

      div(class="uk-width-1-1 uk-width-1-3@s uk-flex-first", class={
        'uk-flex-first@m': ((postIndex % postIndexModulus) === 0),
        'uk-flex-last@m': ((postIndex % postIndexModulus) !== 0),
      })
        if post.image
          img(src= `/image/${post.image._id}`).responsive
        else
          img(src="/img/default-poster.jpg").responsive

      div(class='uk-width-1-1 uk-width-2-3@s', class="uk-flex-last", class={
        'uk-flex-first@m': ((postIndex % postIndexModulus) !== 0),
        'uk-flex-last@m': ((postIndex % postIndexModulus) === 0),
      })
        article.uk-article
          h4(style="line-height: 1.1;").uk-article-title.uk-margin-small= post.title
          .uk-article-meta
            div(uk-grid).uk-grid-small
              .uk-width-auto author: #{post.author.displayName || post.author.username}
              .uk-width-auto
                span published: #{moment(post.created).format("MMM DD YYYY HH:MM a")}