You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
1.1 KiB
24 lines
1.1 KiB
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")} |