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.
53 lines
2.0 KiB
53 lines
2.0 KiB
extends layouts/main-sidebar
|
|
block content
|
|
|
|
include components/page-sidebar
|
|
|
|
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-visible@m', class={
|
|
'uk-flex-first': ((postIndex % postIndexModulus) === 0),
|
|
'uk-flex-last': ((postIndex % postIndexModulus) !== 0),
|
|
}).uk-width-1-3
|
|
img(src="/img/default-poster.jpg").responsive
|
|
|
|
div(class='uk-width-1-1 uk-width-2-3@m', class={
|
|
'uk-flex-first': ((postIndex % postIndexModulus) !== 0),
|
|
'uk-flex-last': ((postIndex % postIndexModulus) === 0),
|
|
})
|
|
article.uk-article
|
|
h4(style="line-height: 1;").uk-article-title.uk-margin-remove= post.title
|
|
.uk-text-truncate= post.summary
|
|
.uk-article-meta
|
|
div(uk-grid).uk-grid-small
|
|
.uk-width-auto published: #{moment(post.created).format("MMM DD YYYY HH:MM a")}
|
|
if post.updated
|
|
.uk-width-auto updated: #{moment(post.updated).format("MMM DD YYYY HH:MM a")}
|
|
|
|
+renderSectionTitle('Featured')
|
|
.uk-margin
|
|
div(style="position: relative; overflow: hidden; width: 100%; padding-top: 56.25%")
|
|
iframe(
|
|
src="https://tv.gab.com/channel/mrjoeprich/embed/what-is-just-joe-radio-61ad9b2165a83d20e95a465d",
|
|
width="960",
|
|
height="540",
|
|
style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;",
|
|
)
|
|
|
|
if featuredEmbed
|
|
div.dtp-featured-embed!= featuredEmbed
|
|
|
|
//- Blog Posts
|
|
+renderSectionTitle('Blog Posts')
|
|
|
|
if Array.isArray(posts) && (posts.length > 0)
|
|
- var postIndex = 1;
|
|
ul.uk-list.uk-list-divider.uk-list-small
|
|
each post in posts
|
|
li
|
|
+renderBlogPostListItem(post, postIndex, 2)
|
|
- postIndex += 1;
|
|
else
|
|
div There are no posts at this time. Please check back later!
|