extends layouts/main
block content
  
  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")}    

  .uk-padding
    .uk-container
      //- 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