progress on home view

app/views/index.pug

@@ -1,16 +1,36 @@
 extends layouts/main
 block content
   
-  section.uk-section.uk-section-default.uk-padding-remove
+  mixin renderSidebarEpisode(episode)
-    .uk-container
+    .uk-card.uk-card-secondary.uk-card-small
-      div(style="position: relative; overflow: hidden; width: 100%; padding-top: 56.25%")
+      .uk-card-header.uk-border-bottom
-        iframe(
+        h4.uk-heading-bullet= episode.title
-          src="https://tv.gab.com/channel/mrjoeprich/embed/what-is-just-joe-radio-61ad9b2165a83d20e95a465d",
+      .uk-card-body= episode.description
-          width="960",
+      .uk-card-footer
-          height="540",
+        p.uk-text-small Posted: #{moment(episode.created()).format("MMM DD YYYY HH:MM a")}    
-          style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;",
-        )
 
-  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!
+      //- 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
+
+       
+
+