<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <title>index | {{ canonical }}</title>
    <meta name="generator" content="{{ generator }}"/>

    <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg"/>
    <link rel="stylesheet" href="/assets/themes/tmp.css"/>
</head>

<body>
{% include "fragments/header.html" %}
<main>
    <h1>Home</h1>
    <p>This is your website.</p>
    <h2>Posts</h2>
    <ul>
      {% let posts = content.posts %}
      {% for post in sort!(posts, date) | reverse -%}
      <li>
        <time datetime="{{ post.date | timestamp_s_to_formatted("%Y-%m-%d %H:%M:%S%z") }}">{{ post.date | timestamp_s_to_formatted("%B %d, %Y") }}</time> -- <a href="/posts/{{ post.slug }}">{{ post.title }}</a>
      </li>
      {% endfor %}
    </ul>
</main>
{% include "fragments/footer.html" %}
</body>
</html>