index.html

---
layout: layout.html
title: Small dose of nothing
css: |

  h2 {
    font-size: 1rem;
    font-weight: normal;
  }

  h2 > time {
    display: inline-block;
    color: light-dark(#000, #fff);
    background-color: var(--rev-c);
    font-size: 0.8rem;
    padding: 0.1rem;
    border-radius: 0.1rem;
  }

  aside {
    text-align: center;
    font-style: italic;
  }
---

<header>
  <h1>{{ titlehtml | raw | default: title }}</h1>
</header>
<main>
  <aside><a href="/news">Prefer newspapers?</a></aside>
  {% for post in collections.post reversed %}
  <h2>
    <time>{{post.date | dateDisplay}}</time>
    <a href="{{ post.url }}"
      >{{ post.data.titlehtml | default: post.data.title }}</a
    >
  </h2>
  {% endfor %}
</main>