<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">

  {%- include head.html -%}

  <body>

    {%- include header.html -%}

    <main class="page-content" aria-label="Content">

      <video id="demo" src="/assets/demoreel2020.webm" type="video/webm" autoplay="true" muted="true">
      </video>

      <div class="wrapper">
        <div class="home">
          {%- if page.title -%}
            <h1 class="page-heading">{{ page.title }}</h1>
          {%- endif -%}
          {{ content }}
          {%- if site.posts.size > 0 -%}
            <!-- <h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2> -->

            <ul class="post-list row">
              {%- for post in site.posts -%}
              <li class="col-xl-4 col-lg-4 post-card d-none" data-category="{{post.category}}">
                {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
                <!-- <span class="post-meta">{{ post.date | date: date_format }}</span> -->
                <a class="post-link" href="{{ post.url | relative_url }}"><img src="{{post.image}}"/></a>
                <h3>
                    {{ post.title | escape }}
                  <span class="home-tags">{{post.hometext}}</span>
                </h3>
                {%- if site.show_excerpts -%}
                  {{ post.excerpt }}
                {%- endif -%}
              </li>
              {%- endfor -%}
            </ul>

            <!--
            <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
            -->
          {%- endif -%}

        </div>
      </div>
    </main>
    {%- include contact.html -%}
    {%- include footer.html -%}

  </body>

</html>
