layout: main


{% if site.paginate %}

{% assign posts = paginator.posts | where_exp:"post","post.is_generated != true" %}

{% else %}

{% assign posts = site.posts | where_exp:"post","post.is_generated != true" %}

{% endif %}

{% if site.show_hero and paginator == nil or paginator.page == 1 %}

{% assign offset = 1 %}

{% else %}

{% assign offset = 0 %}

{% endif %}

<main class=“home {% if site.show_hero and paginator == nil or paginator.page == 1 %}no-padding{% endif %}” role=“main”>

{% if site.show_hero and paginator == nil or paginator.page == 1 %}
    <!-- Hero -->
    {% assign featured = posts.first %}
    <section class="hero" style="background-image: url({{ featured.image }})">
        <div class="pixels"></div>
        <div class="gradient"></div>
        <div class="content">
            <time datetime="{{ featured.date | date_to_xmlschema }}" class="date">
                {% if site.date_format == nil %}
                    {{ featured.date | date: "%m.%d.%Y" }}
                {% else %}
                    {{ featured.date | date: site.date_format }}
                {% endif %}
            </time>
            <h1 class="title">{{ featured.title }}</h1>
            <p class="description">{{ featured.subtitle }}</p>
            <div class="buttons">
                <a href="{{ featured.url | prepend: site.baseurl }}" role="button" class="button">
                    <svg><use xlink:href="#icon-read"></use></svg>
                    <span>{{ site.translations.button.read_now | default: "Read Now" }}</span>
                </a>
            </div>
        </div>
    </section>
{% endif %}
<!-- Posts -->
<section id="grid" class="row flex-grid">
    {% for post in posts offset: offset %}
        <article class="box-item">
            <span class="category">
                <a href="{{ site.baseurl }}/{{ site.categories_folder | default: 'category' }}/{{ post.category }}">
                    <span>{{ post.category }}</span>
                </a>
            </span>
            <div class="box-body">
                <a class="cover" href="{{ post.url | prepend: site.baseurl }}">
                    {% include loader.html %}
                    {% if post.optimized_image %}
                        <img src="/assets/img/placeholder.png" width="100%" data-url="{{ post.optimized_image }}" class="preload">
                        <noscript>
                            <img src="{{ post.optimized_image }}" width="100%">
                        </noscript>
                    {% elsif post.image %}
                        <img src="/assets/img/placeholder.png" width="100%" data-url="{{ post.image }}" class="preload">
                        <noscript>
                            <img src="{{ post.image }}" width="100%">
                        </noscript>
                    {% else %}
                        <img src="/assets/img/placeholder.png" width="100%" data-url="/assets/img/off.jpg" class="preload">
                        <noscript>
                            <img src="/assets/img/off.jpg" width="100%">
                        </noscript>
                    {% endif %}
                    {% include new-post-tag.html date=post.date %}
                    {% include read-icon.html %}
                </a>
                <div class="box-info">
                    <time datetime="{{ post.date | date_to_xmlschema }}" class="date">
                        {% include date.html date=post.date %}
                    </time>
                    <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
                        <h2 class="post-title">
                            {{ post.title }}
                        </h2>
                    </a>
                    <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
                        <p class="description">{{ post.description }}</p>
                    </a>
                    <div class="tags">
                        {% for tag in post.tags %}
                            {% if tag != "" %}
                                <a href="{{ site.baseurl}}/tags/#{{tag | slugify }}">#{{ tag }}</a>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </article>
    {% endfor %}
</section>
<!-- Pagination -->
{% if site.paginate %}
    {% include pagination-home.html %}
{% endif %}

</main>

{% assign social_urls = '' %} {% if site.github_username %}

{% assign social_urls = social_urls | append: '"https://github.com/' | append: site.github_username | append: '",' %}

{% endif %} {% if site.facebook_username %}

{% assign social_urls = social_urls | append: '"https://www.facebook.com/' | append: site.facebook_username | append: '",' %}

{% endif %} {% if site.twitter_username %}

{% assign social_urls = social_urls | append: '"https://twitter.com/' | append: site.twitter_username | append: '",' %}

{% endif %} {% if site.medium_username %}

{% assign social_urls = social_urls | append: '"https://medium.com/@' | append: site.medium_username | append: '",' %}

{% endif %} {% if site.instagram_username %}

{% assign social_urls = social_urls | append: '"https://www.instagram.com/' | append: site.instagram_username | append: '",' %}

{% endif %} {% if site.linkedin_username %}

{% assign social_urls = social_urls | append: '"https://www.linkedin.com/in/' | append: site.linkedin_username | append: '",' %}

{% endif %}

<script type=“application/ld+json”> {

"@context": "http://schema.org",
"@type": "WebPage",
"mainEntity": {
  "@type": "Blog",
  "name": "{{ site.name }}",
  "headline": "{{ site.title }}",
  "description": "{{ site.description }}",
  "url": "{{ site.url }}{{site.baseurl}}/",
  "inLanguage": "{{ site.language }}",
  "isFamilyFriendly": "true",
  "creator": {
      "@type": "Organization",
      "name": "{{ site.name }}",
      "url": "{{ site.url }}{{site.baseurl}}/",
      "sameAs": [
          {{ social_urls | split: "," | join: "," }}
      ]
  },
  "mainEntity": {
      "@type": "ItemList",
      "itemListElement": [
      {% assign limit = 8 %}
      {% for post in posts limit: limit %}
          {% assign author = site.authors | where: "name", post.author | first %}
          {
              "@type": "BlogPosting",
              "name": "{{ post.title }}",
              "headline": "{{ post.subtitle }}",
              "description": "{{ post.description }}",
              "image": "{{ post.image }}",
              "url": "{{ post.url | prepend: site.baseurl | prepend: site.url }}",
              "inLanguage": "{{ site.language }}",
              "dateCreated": "{{ post.date | date: '%Y-%m-%d/' }}",
              "datePublished": "{{ post.date | date: '%Y-%m-%d/' }}",
              "dateModified": "{{ post.date | date: '%Y-%m-%d/' }}",
              "author": {
                  "@type": "Person",
                  "name": "{{ author.display_name }}",
                  "url": "{{ author.url | prepend: site.baseurl | prepend: site.url }}"
              },
              "publisher": {
                  "@type": "Organization",
                  "name": "{{ site.name }}",
                  "url": "{{ site.url }}{{site.baseurl}}/",
                  "logo": {
                      "@type": "ImageObject",
                      "url": "{{ site.url }}{{site.baseurl}}/assets/img/blog-image.png",
                      "width": "600",
                      "height": "315"
                  }
              },
              "mainEntityOfPage": "True",
              "genre": "{{ post.category | capitalize }}",
                      "articleSection": "{{ post.category | capitalize }}",
              "keywords": [{{ post.tags | join: '","' | append: '"' | prepend: '"' }}]
          }{% if forloop.last == false  %},{% endif %}
      {% endfor %}
      ]
  }
}

} </script>