<!DOCTYPE html>
<html lang="en">

<head>
  {{> header }}
  <title>{{siteTitle}} Changelog</title>
  {{{jsonLd}}}
</head>

<body>
{{> body-scripts }}
  {{> header-bar }}
  <div class="content">
    <main class="versions-container">
      <div class="versions-content">
        <h2 class="home-title">Changelog</h2>
        {{#if entries}}
        {{#each entries as |entry|}}
        <div class="changelog-entry">
          <div class="changelog-entry-header">
            <a class="changelog-entry-title" href="{{@root.changelogUrl}}/{{entry.slug}}/">{{entry.title}}</a>
            {{#if entry.tag}}
            <span class="changelog-tag changelog-tag-{{entry.tagClass}}">{{entry.tag}}</span>
            {{/if}}
          </div>
          <span class="changelog-entry-date">{{entry.formattedDate}}</span>
          {{#if entry.previewImage}}
          <div class="changelog-entry-image">
            <img src="{{entry.previewImage}}" alt="{{entry.title}}" />
          </div>
          {{/if}}
          <div class="changelog-entry-preview">
            {{{entry.preview}}}
          </div>
          <span class="changelog-read-more">Read more &rarr;</span>
        </div>
        {{/each}}
        {{#if hasPagination}}
        <nav class="changelog-pagination">
          {{#if hasPrevPage}}
          <a class="changelog-pagination-link" href="{{prevPageUrl}}">&larr; Newer</a>
          {{else}}
          <span class="changelog-pagination-link changelog-pagination-disabled">&larr; Newer</span>
          {{/if}}
          <span class="changelog-pagination-info">Page {{currentPage}} of {{totalPages}}</span>
          {{#if hasNextPage}}
          <a class="changelog-pagination-link" href="{{nextPageUrl}}">Older &rarr;</a>
          {{else}}
          <span class="changelog-pagination-link changelog-pagination-disabled">Older &rarr;</span>
          {{/if}}
        </nav>
        {{/if}}
        {{/if}}
      </div>
    </main>
  </div>
  {{> footer }}
  {{> scripts }}
</body>

</html>
