{% macro list_posts(pages) %}
<ul class="space-y-6">
  {%- for page in pages %}
  <section class="list-item">
    <h1 class="title text-peach">
      <a href={{ page.permalink | safe }}>{{page.title}}</a>
    </h1>

    <div class="meta">
      {%- if page.date %}
      <time>{{ page.date | date(format="%Y-%m-%d") }}</time>
      {% endif -%}
      {% if page.draft %}
      <span class="draft-label">DRAFT</span>
      {% endif %}
    </div>

    <br />
    <div class="blog-summary ">
      {% if page.description %}
      <p>{{ page.description }}</p>
      {% elif page.summary %}
      {{ page.summary | safe }}&hellip;
      {% else %}
      {% set hide_read_more = true %}
      {% endif %}
    </div>

    {% if not hide_read_more %}
    <a class="readmore text-peach" href={{ page.permalink | safe }}>Read more ⟶</a>
    {% endif %}
  </section>

  {% endfor -%}
</ul>
{% endmacro list_posts %}

{% macro styles() %}
<link rel="stylesheet" href="{{ get_url(path="styles/styles.css") | safe }}" />
{% endmacro styles %}