Skip to content

Instantly share code, notes, and snippets.

View baslie's full-sized avatar
🏠
Working from home

Роман Пуртов baslie

🏠
Working from home
1 follower · 0 following
View GitHub Profile
@baslie
baslie / index.html
Created November 11, 2024 12:13
Карусель изображений с автоматическим переключением слайдов и настройкой прозрачности (для Тильды)
<!-- ********************************************************************** -->
<!-- Карусель изображений с автоматическим переключением слайдов -->
<!-- и настройкой прозрачности -->
<!-- ********************************************************************** -->
<!-- Этот код создает слайдер с индивидуальной прозрачностью для каждого -->
<!-- изображения. JavaScript добавляет слайды и контролирует плавное -->
<!-- переключение по таймеру, а CSS задает стили и накладывает -->
<!-- прозрачность. -->
<!-- ********************************************************************** -->
<script>
@baslie
baslie / index.html
Created November 2, 2024 07:53
«Белый шум» на всём сайте (Тильда)
<!-- ********************************************************************** -->
<!-- «Белый шум» на всём сайте (Тильда) -->
<!-- ********************************************************************** -->
<div class="uc-noise-overlay"></div>
<style>
.uc-noise-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
@baslie
baslie / script.bat
Last active November 1, 2024 11:26
Извлечение аудио из video.mp4 и сохранение в формате MP3 с оригинальным битрейтом с помощью FFmpeg
REM Извлечение аудио из video.mp4 и сохранение в формате MP3
REM с оригинальным битрейтом с помощью FFmpeg
ffmpeg -i video.mp4 -vn -c:a copy video.mp3
@baslie
baslie / index.html
Last active November 1, 2024 10:54
Адаптивное фоновое видео для Zero-блока Тильды
<!-- ********************************************************************** -->
<!-- Адаптивное фоновое видео для Zero-блока Тильды -->
<!-- ********************************************************************** -->
<!-- Заполняет 100% ширины и высоты родительского блока с возможностью -->
<!-- указать свои ссылки на видео и превью. -->
<!-- ********************************************************************** -->
<script>
// Замените на URL вашего видео
const videoSource = 'https://example.com/path/to/your/video.mp4';
// Замените на URL вашего превью
@baslie
baslie / index.html
Last active November 1, 2024 10:54
SVG-анимация фигурки по пути при скролле
<!-- ********************************************************************** -->
<!-- Анимация движения SVG-фигурки по заданному пути с использованием GSAP -->
<!-- ********************************************************************** -->
<!-- Этот код создает анимацию движения SVG-фигуры по линии, которая -->
<!-- задана в SVG, при прокрутке страницы. GSAP с MotionPathPlugin -->
<!-- и ScrollTrigger обеспечивает плавное движение фигурки по пути. -->
<!-- Анимация запускается и останавливается в зависимости от позиции -->
<!-- скролла, что делает её синхронизированной с прокруткой. -->
<!-- ********************************************************************** -->
<!DOCTYPE html>
@baslie
baslie / index.html
Last active June 12, 2025 06:02
SmoothScroll для Тильды с помощью библиотеки Lenis
<!-- ********************************************************************** -->
<!-- SmoothScroll с помощью библиотеки Lenis (обновлено до версии 1.3.4) -->
<!-- ********************************************************************** -->
<!-- Более плавный скролл с поддержкой автоскейла -->
<!-- ********************************************************************** -->
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.4/dist/lenis.css">
<script src="https://unpkg.com/lenis@1.3.4/dist/lenis.min.js"></script>
<script>
// Классы Тильды, для которых скрипт "отключается"
const classesToExclude = [
@baslie
baslie / index.html
Last active November 1, 2024 10:57
Скрытие символа BOM на карточках Тильды
<!-- ********************************************************************** -->
<!-- Скрытие символа BOM на карточках Тильды -->
<!-- ********************************************************************** -->
<script>
(function() {
// Список классов для проверки
var classesToCheck = [
't-card__uptitle',
't-card__title',
't-card__descr'
@baslie
baslie / index.html
Last active November 1, 2024 10:59
Скрываем или удаляем пустые карточки на Тильде (блок ST315N)
<!-- ********************************************************************** -->
<!-- Скрываем или удаляем пустые карточки на Тильде (блок ST315N) -->
<!-- ********************************************************************** -->
<!-- Видео с пояснением: https://youtu.be/VLor5zp0W4s. -->
<!-- ********************************************************************** -->
<script>
(function() {
// Настройки
const productCardClasses = ['js-product', 't-item'];
const productNameClasses = ['js-store-prod-name', 'js-product-name', 't786__title'];
@baslie
baslie / Index.html
Last active November 1, 2024 11:00
Меняем кнопки и цвета у блока BF905A в Тильде
<!-- ********************************************************************** -->
<!-- Меняем кнопки и цвета у блока BF905A в Тильде -->
<!-- ********************************************************************** -->
<script>
const ucNewIcons = {
"t898__icon-telegram_wrapper": {
"iconPath": "none", // Нет новой иконки
"tooltipText": null // Нет нового названия для тултипа
},
"t898__icon-whatsapp_wrapper": {
@baslie
baslie / index.html
Last active November 1, 2024 11:01
Работа с данными в динамическом каталоге Тильды
<!-- ********************************************************************** -->
<!-- Работа с данными в динамическом каталоге Тильды -->
<!-- ********************************************************************** -->
<script>
const MAX_ATTEMPTS = 10;
let attempts = 0;
function checkForJsStore() {
if (attempts >= MAX_ATTEMPTS) {
console.warn("Достигнуто максимальное количество попыток. Подождите или обновите страницу.");