Папка не выбрана. Нужна та, где лежат секции
и README.txt, — или пустая, если проект только начинается.
Заливка в Тильду
Ещё: картинки, код в HEAD, стили проекта
Файлы из папки — в файловую Тильды, а с ними и картинки, которые стоят в секции чужим адресом: снимок с Unsplash, выдача генератора. Адреса запоминаются и подставляются в секции при заливке; в самих файлах пути остаются как были, поэтому местное превью не ломается.
Куски из папки head/ — в «Вставку кода в HEAD».
Ложатся между маркерами, поэтому написанное там руками остаётся на месте.
Цвета, шрифты и кнопки проекта — файлом .tildastyles.
Он загружается в Тильде: Настройки сайта → «Шрифты и цвета» → импорт.
Действует на родные блоки Тильды — корзину, каталог, форму, — чтобы они стояли в той же палитре, что секции.
А сами секции красит собственный CSS, и палитра повторена в каждом файле — так блоки остаются независимыми. Правь цвет здесь, а не в семнадцати файлах.
Дизайн
Пен — в отдельную секцию папки. Стили запираются под её класс и не красят соседей, скрипт видит только свою разметку. Дайте ссылку — расширение само разложит окна и скачает библиотеки. Или вставьте окна вручную: если у пена SCSS, Pug или Babel, в CodePen у окна стрелка → «View Compiled», вставлять нужно то, что она покажет.
Библиотека: GSAP, jQuery, anime.js…
Код самой библиотеки, текстом файла .min.js: в CodePen
адрес виден в Settings → JS, откройте его и скопируйте. Ляжет отдельным блоком
T123 перед секцией и заработает на опубликованной странице — в редакторе
Тильды будет видна только вёрстка.
Эффект на секцию. Движок эффекта стоит отдельным блоком, а в секции нужному элементу добавляется класс — вёрстка не меняется. Выберите страницу проекта, эффект и вариант, нажмите «Выбирать в превью» и кликайте по элементам: клик ставит эффект, повторный снимает.
Страница целиком, в порядке из README.txt, —
до заливки и без Тильды. Рисуется в песочнице: наружу превью не ходит, в Тильду ничего
не пишет и внешних скриптов не грузит. Картинки берутся из папки.
«Секции» в полосе превью подписывают файлы на стыках. Пока открыт чат, там же правка по клику, а у только что переписанной секции — «Было» и «Стало».
Это секции сами по себе. На странице Тильды вокруг каждой встанут ещё её собственные отступы, а сверху — то, что стоит на странице помимо Вайб-блоков.