---
layout: main
---

{% set latest = collections.posts | reverse | first %}
{% if latest %}
<section class="cover" aria-label="Последняя запись">
  <div class="shell">
    <div class="cover__grid">
      <div class="cover__text">
        <h1 class="cover__title">{{ latest.data.title }}</h1>
        <div class="cover__facts">
          <span>запись <b>№{{ (collections.posts | length) | pad3 }}</b></span>
          <span>дата <b>{{ latest.date | logdate }}</b></span>
          <span>материал <b>{{ latest.data.material or "хромомолибден" }}</b></span>
        </div>
        <p class="cover__lede">
          Журнал сборки стальных рам — процесс, материал и медленный труд,
          описанные с точки зрения мастера.
        </p>
        <p>
          <a class="btn" href="{{ latest.url }}">Читать запись</a>
        </p>
      </div>
      <figure class="cover__figure">
        <img src="/static/images/hero-xerox.png" alt="Ночная фотография: человек с фиксом у автоматов Photoautomat и Rocky Boxer" width="1200" height="1800" fetchpriority="high" decoding="async">
        <figcaption>ночь · фикс · двое автоматов · плёнка</figcaption>
      </figure>
    </div>
  </div>
</section>
{% endif %}

<div class="shell">
  <div class="band">
    <span class="band__label">записи</span>
    <span class="band__rule"></span>
    <span class="band__count">{{ collections.posts | length }} шт.</span>
  </div>

  <div class="log">
    {%- for post in collections.posts | reverse -%}
    <a class="log__row" href="{{ post.url }}">
      <span class="log__no">№{{ (collections.posts | length) - loop.index0 | pad3 }}</span>
      <span class="log__date">{{ post.date | logdate }}</span>
      <span class="log__title">{{ post.data.title }}</span>
      <span class="log__meta">{{ post.data.material or "—" }}</span>
    </a>
    {%- endfor -%}
  </div>
</div>