pieces.html

---
layout: page
title: Пьесы
p1: <a class="link" href="/contacts.html">Cообщите мне</a>, если захотите что-то
  поставить — я заинтересован в постановках.
p2: Также пишу на заказ. Примеры таких работ на странице с <a class="link"
  href="/contracted.html">заказными пьесами</a>.
---

<main class="text text__mt body__margin">

  <div class="text__text-block">
    <p class="text__paragraph">
      {{ page.p1 }}
    </p>
    <p class="text__paragraph">
      {{ page.p2 }}
    </p>
  </div>

  <div class="controls text__sort" id="filter" aria-label="Фильтрация">
    <p class="controls__heading">Показать только:</p>
    <div class="controls__list" role="group">
      <label>
        <input class="controls__item" type="checkbox" name="filter" value="палеопьесы">
        палеопьесы
      </label>
      <label>
        <input class="controls__item" type="checkbox" name="filter" value="для детей и подростков">
        для детей и подростков
      </label>
    </div>
  </div>

  <div class="controls text__sort" id="sort" aria-label="Сортировка">
    <p class="controls__heading">Сначала:</p>
    <div class="controls__list" role="radiogroup">
      <label>
        <input class="controls__item" type="radio" name="sort" value="new">
        новые
      </label>
      <label>
        <input class="controls__item" type="radio" name="sort" value="old">
        старые
      </label>
      <label>
        <input class="controls__item" type="radio" name="sort" value="popular">
        популярные
      </label>
    </div>
  </div>


  <!-- Не заказные + «Сунгирские охотники» -->
  <div class="piece-cards">
  {%- for piece in site.data.pieces.pieces %}
    {%- unless piece.client and piece.order != 15 %}
      {%- include piece-card.html piece=piece %}
    {% endunless %}
  {% endfor %}
  </div>
</main>