Further progress on home view

Added newsletter and footer

app/views/components/page-footer.pug

@@ -1,4 +1,12 @@
-section.uk-section.uk-section-muted.uk-section-small
+section.uk-section.uk-section-muted.uk-section-small.dtp-site-footer
-  .uk-container.uk-text-small.uk-text-muted
+  .uk-container.uk-text-small.uk-text-center
-    div(class="uk-text-center uk-text-left@m")
+    ul.uk-subnav.uk-flex-center
+      each socialIcon in socialIcons
+        li
+          a(href=socialIcon.url).dtp-social-link
+            span
+              i(class=`fab ${socialIcon.icon}`)
+            span.uk-margin-small-left= socialIcon.label
+    .uk-width-medium.uk-margin-auto
+      hr
     div Copyright © 2021 #[+renderSiteLink()]

app/views/index.pug

@@ -2,16 +2,16 @@ extends layouts/main
 block content
   
   mixin renderSidebarEpisode(episode)
-    .uk-card.uk-card-secondary.uk-card-small
+    .uk-card.uk-card-secondary.uk-card-small.uk-card-hover
+
       .uk-card-media-top
         a(href= episode.url, target="_blank", title="Watch on Gab TV")
           img(src=episode.image).responsive
-      .uk-card-header.uk-border-bottom
+
-        h4.uk-card-title
+      .uk-card-body
-          a(href= episode.url, target="_blank", title="Watch on Gab TV")= episode.title
+        .uk-card-title.uk-margin-remove.uk-text-truncate
-      .uk-card-body!= episode.summary
+          a(href= episode.url, target="_blank", title= `Watch "${episode.title}" on Gab TV`)= episode.title
-      .uk-card-footer
+        .uk-text-small Posted: #{moment(episode.date_modified).format("MMM DD YYYY HH:MM a")}
-        p.uk-text-small Posted: #{moment(episode.date_modified).format("MMM DD YYYY HH:MM a")}
 
   .uk-padding
     .uk-container
@@ -21,6 +21,8 @@ block content
         .uk-width-2-3
           section.uk-section.uk-section-default.uk-padding-remove 
             h3.uk-heading-bullet Featured
+            //- Featured Block
+            .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",
@@ -28,14 +30,42 @@ block content
                   height="540",
                   style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;",
                 )
+            //- Blog Posts
+            .uk-section.uk-section-default.uk-section-small
+              h3.uk-heading-bullet Blog Posts
+              div(uk-grid)
+                .uk-width-1-3
+                  img(src="/img/default-poster.jpg").responsive
+                .uk-width-2-3
+                  h4.uk-margin-remove This is a Blog Title
+                  .uk-margin.uk-margin-small This is a short description for blog post.
+                  div.uk-text-small Published: #{moment(new Date()).format("MMM DD YYYY HH:MM a")}
 
             //- pre= JSON.stringify(gabTvChannel, null, 2)
         
         //- Sidebar
         .uk-width-1-3
+          //- Gab TV 3 Most Recent Episodes
+          .uk-margin
             h3.uk-heading-bullet Gab TV
             ul.uk-list
               each episode in gabTvChannel.items.slice(0, 3)
                 li
                   +renderSidebarEpisode(episode)
+          //- Newsletter Signup
+          .uk-margin
+            form(method="post", action="/newsletter").uk-form
+              .uk-card.uk-card-secondary.uk-card-small
+
+                .uk-card-body
+                  .uk-card-title.uk-border-bottom.uk-heading-bullet Mailing List
+                  p Join the #{site.name} FREE newsletter to get show updates in your inbox.
+
+                  .uk-margin
+                    label(for="email").uk-form-label.sr-only Email Address
+                    input(id="email", name="email", type="email", placeholder="[email protected]").uk-input
+
+                .uk-card-footer
+                  button(type="submit").uk-button.uk-button-primary Sign Up
+
 

app/views/layouts/main.pug

@@ -58,8 +58,8 @@ html(lang='en')
 
     block content-container
       block content
-      //- block page-footer
+      block page-footer
-      //-   include ../components/page-footer
+        include ../components/page-footer
 
     block dtp-navbar
       include ../components/navbar

client/less/site/main.less

@@ -19,3 +19,11 @@ body {
     margin-bottom: 0;
   }
 }
+
+.dtp-site-footer {
+  .uk-subnav {
+    a.dtp-social-link {
+      color:white;
+    }
+  }
+}

client/less/site/uikit-theme.less

@@ -2,8 +2,8 @@
 // Colors
 //
 
-@global-background:                             #000000;
+@global-background:                             #1a1a1a;
-@global-muted-background:                       #2a2a2a;
+@global-muted-background:                       #3a3a3a;
 @global-primary-background:                     #1e87f0;
 @global-secondary-background:                   #222;