diff --git a/app/views/index.pug b/app/views/index.pug index cd5cbca..990c15f 100644 --- a/app/views/index.pug +++ b/app/views/index.pug @@ -1,16 +1,36 @@ extends layouts/main block content - section.uk-section.uk-section-default.uk-padding-remove - .uk-container - 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%;", - ) + mixin renderSidebarEpisode(episode) + .uk-card.uk-card-secondary.uk-card-small + .uk-card-header.uk-border-bottom + h4.uk-heading-bullet= episode.title + .uk-card-body= episode.description + .uk-card-footer + p.uk-text-small Posted: #{moment(episode.created()).format("MMM DD YYYY HH:MM a")} - section.uk-section.uk-section-secondary + .uk-padding .uk-container - .uk-text-lead.uk-text-center Welcome to the new online home of #{site.name}! We just getting started. Hang tight! \ No newline at end of file + //- Main Content Grid + div(uk-grid) + //- Main Content Column + .uk-width-3-4 + section.uk-section.uk-section-default.uk-padding-remove + h3.uk-heading-bullet Featured + 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%;", + ) + + //- Sidebar + .uk-width-1-4 + h3.uk-heading-bullet Recent Episodes + ul.uk-list + li + + + + \ No newline at end of file