<!doctype html> <html lang=“en”>

{% include head.html %}
<body>
  <p class="author" style="display: none">{{ site.author }}</p>
  <p class="color" style="display: none">{{ site.name_color }}</p>
  <header class="body-anim-start">
    <div class="divheader d-flex flex-column justify-content-center align-items-center" style="min-height: 100vh">
        <h1 class="text-light big-header"></h1>
        <br>
        <br>
        <br>
        <br>
        <i style="color: white; display: none; font-size: 50px" class="sdc fas fa-chevron-down"></i>
    </div>
  </header>
  <div class="post-list" style="overflow-y: hidden">
    {% for post in site.posts %}
      <div class="card" style="width: 18rem; cursor: pointer;" onclick="location.href='{% if site.baseurl %}/{{ site.baseurl }}{% endif %}/{{ post.url }}'">
        {% if post.image %}
          <img class="card-img-top" alt="{{ post.title }}" src="{{ post.image }}" height="300px"/>
        {% else %}
          <img class="card-img-top" alt="{{ post.title }}" width="auto" height="200px" src="https://upload.wikimedia.org/wikipedia/commons/e/e0/Clouds_over_the_Atlantic_Ocean.jpg" />
        {% endif%}
        <div class="card-body">
          <h5 class="card-title">{{ post.title }}</h5>
          <p class="card-text">{{ post.description }}</p>
          <p class="card-text">Posted {{ post.date | date: "%b %-d, %Y" }}</p>
        </div>
      </div>
    {% endfor %}
  </div>
  <br>
  <br>
  <footer class="py-2 bg-dark navbar" style="z-index: 100; padding-left: 10px; padding-right: 10px">
    {% if site.baseurl %}
      <a class="navbar-brand text-light justify-content-center align-items-center" href="/{{ site.baseurl }}" style="font-size: 30px; color: white">Go Home</a>
    {% else %}
      <a class="navbar-brand text-light justify-content-center align-items-center" href="/" style="font-size: 30px; color: white">Go Home</a>
    {% endif %}
      <a class="navbar-brand" href="https://github.com/{{ site.social_links.github }}"><i style="font-size: 50px; color: white" class="fab fa-github"></i></a>
  </footer>
</body>

</html>