
---
layout: layout
---

<main class="contents chronicles">
  <header>
    <div class="heading">
      <h1><%- __('theChronicles') %></h1>
      <h4 class="subheading"><%- __('primary') %></h4>
    </div>
  </header>

  <ul class="links">
    <li><a href="<%= config.url%>/atom.xml"><%- __('subscribe') %></a></li>
    <li><a href="https://gitlab.com/fediverse/fediverse.gitlab.io/merge_requests"><%- __('submit') %></a></li>
    <li><a href="/tags"><%- __('tags') %></a></li>
  </ul>

  <% page.posts.each(function(post) { %>
    <% if (post.wanted) { %>
      <%- partial('_partial/wanted', {post: post, index: true}) %>
    <% } %>
  <% }) %>

  <% page.posts.each(function(post) { %>
    <% if (post.featured) { %>
      <%- partial('_partial/featured', {post: post, index: true}) %>
    <% } %>
  <% }) %>
  <div class="section-title">
    <h4><%- __('news') %></h4>
  </div>
  <div class="news">
  <% page.posts.each(function(post) { %>
    <% if (!post.wanted && !post.featured) { %>
      <%- partial('_partial/article', {post: post, index: true}) %>
    <% } %>
  <% }) %>
  </div>

  <% if (page.total > 1) { %>
    <nav id="page-nav" class="page-nav">
      <%- paginator({prev_text: "&#8249;", next_text: "&#8250;"}) %>
    </nav>
  <% } %>

  <%- partial('_partial/buttons') %>
</main>

