Лента карточек

Переиспользуемый блок «лента»: сетка карточек-ссылок на markdown-страницы из выбранной папки. Одна и та же лента может стоять на главной раздела, на индексной странице подраздела или несколько раз на одной странице с разными источниками.

Раскладка колонок и адаптивность — общий компонент card-grid.

Зачем

Чтобы не собирать оглавление вручную и одинаково показывать статьи/заметки в разных разделах сайта (например блог potyk-mu, позже альбомы и т.п.), с понятным порядком и догрузкой.

Сценарии

Показать ленту

На странице (или в её блоке) видна сетка карточек. Каждая карточка — ссылка на страницу: превью текста и при наличии обложка. Клик открывает саму страницу.

Источник и сортировка

У каждой ленты задаются:

• папка с markdown (например блог, альбомы) — в ленту попадают страницы из этой папки (служебные вроде index не показываются);
• порядок: по дате (новые сверху / старые сверху), случайно, по имени.

На одной странице можно разместить несколько лент с разными папками и/или разным порядком — они независимы друг от друга.

Дата для сортировки

Для порядка «по дате» берётся дата публикации страницы (как у заметки в frontmatter). Если даты нет — страница уходит в конец ленты (при любом направлении сортировки по дате).

Догрузка

Если карточек больше, чем помещается в первый экран ленты, при прокрутке к концу блока подгружается следующая порция той же ленты (тот же источник и порядок), без повторов уже показанных карточек. Другие ленты на странице от этого не меняются.

Главная potyk-mu (/mu/)

На /mu/ — лента статей из блога, порядок: по дате, новые сверху. Без cover — текстовая карточка (4:3); с cover — контент-карточка тоже 4:3 (не дефолтные 3:4). Клик ведёт на страницу блога.

Исполнители (/mu/artists/)

На индексе — лента страниц исполнителей (порядок по имени). На странице исполнителя под текстом — сначала сетка «Albums» (альбомы артиста: название и год), затем «Videos» (ролики из секции ## Videos в markdown страницы; карточки с обложкой YouTube, названием и датой). Заголовки блоков — по центру, капсом.

Главная potyk.io (/)

На / — логотип potyk.io по центру экрана (по вертикали) и под ним подпись «Делаю свой интернет» с гифкой. Секций «Чем заняться» и ленты на главной нет.

Главная potyk-self (/self/)

На /self/ над лентой — секция «Чем заняться» с кнопкой «Свайпать страницы»: открывает модалку со случайной заметкой раздела (целый md-файл; дневник — вся запись дня). Можно поставить лайк или дизлайк — голос сохраняется, сразу показывается следующая (без повторов в сессии, пока есть новые). В админке на «Разбор заметок» видны все голоса.

Ниже — лента заметок раздела, порядок случайный. Раздел только для залогиненного.