diff --git a/app/views/components/page-footer.pug b/app/views/components/page-footer.pug index 2d43984..418b082 100644 --- a/app/views/components/page-footer.pug +++ b/app/views/components/page-footer.pug @@ -1,4 +1,12 @@ -section.uk-section.uk-section-muted.uk-section-small - .uk-container.uk-text-small.uk-text-muted - div(class="uk-text-center uk-text-left@m") - div Copyright © 2021 #[+renderSiteLink()] \ No newline at end of file +section.uk-section.uk-section-muted.uk-section-small.dtp-site-footer + .uk-container.uk-text-small.uk-text-center + 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()] \ No newline at end of file diff --git a/app/views/index.pug b/app/views/index.pug index 11e923b..a213c4e 100644 --- a/app/views/index.pug +++ b/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 - a(href= episode.url, target="_blank", title="Watch on Gab TV")= episode.title - .uk-card-body!= episode.summary - .uk-card-footer - p.uk-text-small Posted: #{moment(episode.date_modified).format("MMM DD YYYY HH:MM a")} + + .uk-card-body + .uk-card-title.uk-margin-remove.uk-text-truncate + a(href= episode.url, target="_blank", title= `Watch "${episode.title}" on Gab TV`)= episode.title + .uk-text-small Posted: #{moment(episode.date_modified).format("MMM DD YYYY HH:MM a")} .uk-padding .uk-container @@ -21,21 +21,51 @@ block content .uk-width-2-3 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%;", - ) + //- 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", + width="960", + 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 - h3.uk-heading-bullet Gab TV - ul.uk-list - each episode in gabTvChannel.items.slice(0, 3) - li - +renderSidebarEpisode(episode) + //- 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="johnsmith@example.com").uk-input + + .uk-card-footer + button(type="submit").uk-button.uk-button-primary Sign Up + diff --git a/app/views/layouts/main.pug b/app/views/layouts/main.pug index d87dac9..105045e 100644 --- a/app/views/layouts/main.pug +++ b/app/views/layouts/main.pug @@ -58,8 +58,8 @@ html(lang='en') block content-container block content - //- block page-footer - //- include ../components/page-footer + block page-footer + include ../components/page-footer block dtp-navbar include ../components/navbar diff --git a/client/less/site/main.less b/client/less/site/main.less index 7e52312..5cc365a 100644 --- a/client/less/site/main.less +++ b/client/less/site/main.less @@ -18,4 +18,12 @@ body { p:last-child { margin-bottom: 0; } +} + +.dtp-site-footer { + .uk-subnav { + a.dtp-social-link { + color:white; + } + } } \ No newline at end of file diff --git a/client/less/site/uikit-theme.less b/client/less/site/uikit-theme.less index 25472f3..b4cbfd2 100644 --- a/client/less/site/uikit-theme.less +++ b/client/less/site/uikit-theme.less @@ -2,8 +2,8 @@ // Colors // -@global-background: #000000; -@global-muted-background: #2a2a2a; +@global-background: #1a1a1a; +@global-muted-background: #3a3a3a; @global-primary-background: #1e87f0; @global-secondary-background: #222;