---
import Base from "@/layouts/Base.astro";
import SinglePage from "@/layouts/SinglePage.astro";
import "@/styles/bloodtheme.css";
import changelog from "@/content/changelog.json";
---

<Base title="changelog" og={{ desc: "Things just keep changing." }}>
  <SinglePage>
    <h1>Changelog</h1>
    {
      changelog.entries.map((entry) => (
        <>
          <h2>
            {entry.version} - <time datetime={entry.pub}>{entry.pub}</time>
          </h2>
          <ul>
            {entry.changes.map((change) => (
              <li>{change}</li>
            ))}
          </ul>
        </>
      ))
    }
  </SinglePage>
</Base>
