В настройках профиля на Тильде
- Включаем галочку "Участвовать в тестировании новых функций"
Создаем Zero Block и открываем редактор
- Добавляем html-элементы для карточек
- Задаем им одинаковые размеры
- Объединяем все элементы в группу
- Указываем параметру Group значение Object (beta)
- Задаем группе класс flip-board
- Указываем параметру Flex значение Auto
- В html-элементы добавляем код
Настраиваем код в html-элементах
Для каждой пары карточек:
- Меняем порядковый номер в data-card=
- Меняем ссылку на обложку-рубашку
- Меняем ссылку на обложку-картинку
- В одну из карточек добавляем строчку кода: <a class="flipсhik" href="#popup:infoblock"></a>
- Вместо #popup:infoblock указываем ссылку на поп-ап, который откроется после прохождения игры:
Создаем блок T123 и копируем в него код