From 9659e310c636d9fcaaa65ae952f29b8d046a3733 Mon Sep 17 00:00:00 2001
From: Eduardo Gomez <eduardo@newsadoo.com>
Date: Tue, 26 Feb 2019 17:22:09 +0100
Subject: [PATCH] =?UTF-8?q?Index=20page=20integrated=20=F0=9F=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/home.js |  2 +-
 index.hbs         | 74 ++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 74 insertions(+), 2 deletions(-)

diff --git a/assets/js/home.js b/assets/js/home.js
index 2f084e7..a9e320e 100644
--- a/assets/js/home.js
+++ b/assets/js/home.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{8:function(n,t,s){n.exports=s(9)},9:function(n,t,s){"use strict";s.r(t);var r=s(0),o=s.n(r);s(3);o()(document).ready(function(){var n=o()(".js-featured-articles");n.length>0&&n.slick({arrows:!0,infinite:!0,prevArrow:'<button class="m-icon-button in-featured-articles slick-prev"><span class="icon-arrow-left"></span></button>',nextArrow:'<button class="m-icon-button in-featured-articles slick-next"><span class="icon-arrow-right"></span></button>',mobileFirst:!0})})}},[[8,0,1]]]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{36:function(n,t,s){n.exports=s(37)},37:function(n,t,s){"use strict";s.r(t);var r=s(0),o=s.n(r);s(4);o()(document).ready(function(){var n=o()(".js-featured-articles");n.length>0&&n.slick({arrows:!0,infinite:!0,prevArrow:'<button class="m-icon-button in-featured-articles slick-prev"><span class="icon-arrow-left"></span></button>',nextArrow:'<button class="m-icon-button in-featured-articles slick-next"><span class="icon-arrow-right"></span></button>',mobileFirst:!0})})}},[[36,0,1]]]);
\ No newline at end of file
diff --git a/index.hbs b/index.hbs
index 6fc2739..9b8a57f 100644
--- a/index.hbs
+++ b/index.hbs
@@ -1,6 +1,78 @@
 {{!< default}}
 
-{{> header}}
+{{> header background=@site.cover_image}}
+
+{{> hero background=@site.cover_image}}
+  <div class="m-hero__content" data-aos="fade-down">
+    <h1 class="m-hero-title bigger">{{@site.title}}</h1>
+    {{#if @site.description}}
+      <p class="m-hero-description bigger">{{@site.description}}</p>
+    {{/if}}
+    {{#if @labs.subscribers}}
+      <a href="{{@site.url}}/subscribe" class="m-button filled">Subscribe</a>
+    {{/if}}
+  </div>
+</header>
 
 <main role="main">
+  <section class="l-content">
+    <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
+      <section class="l-grid centered">
+        {{#get "posts" filter="featured:true" include="authors,tags" limit="5" as |featured|}}
+          {{#if featured}}
+            <div class="m-featured-slider">
+              <ul class="m-featured-slider__list js-featured-articles">
+                {{#foreach featured}}
+                  <li class="m-featured-slider__list__item">
+                    {{#if feature_image}}
+                      <article class="m-featured-article">
+                    {{else}}
+                      <article class="m-featured-article no-picture">
+                    {{/if}}
+                      <div class="m-featured-article__picture">
+                        {{#if feature_image}}
+                          <div style="background-image: url({{feature_image}});"></div>
+                        {{/if}}
+                      </div>
+                      <div class="m-featured-article__meta">
+                        <a href="{{primary_author.url}}" class="m-featured-article__author js-tooltip"
+                          data-tippy-content="Posted by {{primary_author.name}} {{authors autolink="false" from="2" prefix="<br> Among with " separator=" , "}}">
+                          {{#if primary_author.profile_image}}
+                            <div style="background-image: url({{primary_author.profile_image}});"></div>
+                          {{else}}
+                            <div style="background-image: url({{asset "images/default-avatar-square-small.jpg"}});"></div>
+                          {{/if}}
+                        </a>
+                        {{#if primary_tag}}
+                          <a href="{{primary_tag.url}}" class="m-featured-article__tag">{{primary_tag.name}}</a>
+                        {{/if}}
+                      </div>
+                      <div class="m-featured-article__ribbon">
+                        <span class="icon-star"></span>
+                        <span>Featured</span>
+                      </div>
+                      <a href="{{url}}" class="m-featured-article__content">
+                        <h1 class="m-featured-article__title">{{title}}</h1>
+                        <div class="m-featured-article__timestamp">
+                          <time datetime="{{published_at}}">{{date published_at timeago="true"}}</time>
+                          <span>&bull;</span>
+                          <span>{{reading_time}}</span>
+                        </div>
+                      </a>
+                    </article>
+                  </li>
+                {{/foreach}}
+              </ul>
+            </div>
+          {{/if}}
+        {{/get}}
+        {{> "loop"}}
+      </section>
+    </div>
+    {{pagination}}
+  </section>
 </main>
+
+{{#contentFor "scripts"}}
+  <script defer src="{{asset "js/home.js"}}"></script>
+{{/contentFor}}