{% extends "base.html" %}

{% block content %}
<main id="main-content">
  <div id="welcome-message">
    <h1 class="title">Welcome</h1>
    <p>This blog is made with 💜 and <a target="_blank" href="https://www.getzola.org">Zola!</a></p>
    <p>It's currently running on <a target="_blank" href="https://www.vultr.com">Vultr</a> and <a target="_blank" href="https://www.openbsd.org">OpenBSD</a>
    </p>
  </div>
  <div class="dotted-border"></div>
  <div class="blog-entry-container">
    <h3 class="title">View the latest posts</h3>
      <ul>
      <!-- If you are using pagination, section.pages will be empty.
           You need to use the paginator object -->  
        {% for page in section.pages %}
        <li class="blog-entry-title">{{ page.date }} // <a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
        {% endfor %}
      </ul>
  </div>
</main>
{% endblock content %}