From 8304bbfacf1577b190e15a7baef051adb0fd91b4 Mon Sep 17 00:00:00 2001 From: Dekart Deploy Bot Date: Mon, 11 May 2026 17:07:00 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9B=D0=B0=D0=B3=D0=B5=D1=80=D1=8C:=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- wp-content/themes/dekart/assets/css/camp.css | 50 ++++++++++++++++---- wp-content/themes/dekart/assets/js/camp.js | 39 ++++----------- wp-content/themes/dekart/page-camp.php | 22 ++++----- 3 files changed, 60 insertions(+), 51 deletions(-) diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css index be9eb65..f5f57d2 100644 --- a/wp-content/themes/dekart/assets/css/camp.css +++ b/wp-content/themes/dekart/assets/css/camp.css @@ -513,16 +513,42 @@ html { box-shadow: 0 14px 32px rgba(255,107,0,0.18); } -/* scroll animation */ -.fade-up { +/* ═══ SECTION REVEAL — fade + translateY + scale ═══ */ +.section-reveal { opacity: 0; - transform: translateY(30px); - transition: opacity 0.6s ease-out, transform 0.6s ease-out; + transform: translateY(30px) scale(0.97); + transition: opacity 650ms cubic-bezier(0.25, 0.1, 0.25, 1), + transform 650ms cubic-bezier(0.25, 0.1, 0.25, 1); } - -.fade-up.visible { +.section-reveal.revealed { opacity: 1; - transform: translateY(0); + transform: translateY(0) scale(1); +} +@media (max-width: 768px) { + .section-reveal { + transform: translateY(20px); + transition-duration: 400ms; + } + .section-reveal.revealed { + transform: translateY(0); + } +} +@media (min-width: 769px) { + .section-reveal > * { + opacity: 0; + transform: translateY(12px) scale(0.97); + transition: opacity 650ms cubic-bezier(0.25, 0.1, 0.25, 1), + transform 650ms cubic-bezier(0.25, 0.1, 0.25, 1); + } + .section-reveal.revealed > * { + opacity: 1; + transform: translateY(0) scale(1); + } + .section-reveal.revealed > *:nth-child(2) { transition-delay: 80ms; } + .section-reveal.revealed > *:nth-child(3) { transition-delay: 160ms; } + .section-reveal.revealed > *:nth-child(4) { transition-delay: 240ms; } + .section-reveal.revealed > *:nth-child(5) { transition-delay: 320ms; } + .section-reveal.revealed > *:nth-child(n+6) { transition-delay: 360ms; } } /* suggestions */ @@ -2117,8 +2143,14 @@ html { .section-bg[data-bg="mint"]::before { background: var(--bg-mint); } @media (prefers-reduced-motion: reduce) { - .fade-up { opacity: 1; transform: none; transition: none; } - .fade-up.visible { opacity: 1; transform: none; } + .section-reveal, + .section-reveal.revealed, + .section-reveal.revealed > * { + opacity: 1 !important; + transform: none !important; + transition: none !important; + animation: none !important; + } .suggestions__item { animation: none; } .banner_label { animation: none; } .scroll-icon-wrapper { display: none; } diff --git a/wp-content/themes/dekart/assets/js/camp.js b/wp-content/themes/dekart/assets/js/camp.js index 1a23272..a1d5b72 100644 --- a/wp-content/themes/dekart/assets/js/camp.js +++ b/wp-content/themes/dekart/assets/js/camp.js @@ -72,40 +72,17 @@ document.addEventListener("click", function (event) { (function() { if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; - - const animatedSections = [ - '.hero-media-search__container', - '.about-us__wrapper', - '.infograph h2', '.infograph .camp_text', '.infograph-wrapper', - '.programs h2', '\.programs__grid > article', - '.mentors h2', '.mentors-wrapper > div', - '.routine h2', '.routine__item', - '.foto h2', '.camp-foto-wrapper', - '.camp-reviews-wrapper', - '.camp-faq h2', '.faq-wrapper', - '.camp-contact h2', '.contact-wrapper', - ].join(','); - - const els = document.querySelectorAll(animatedSections); + const els = document.querySelectorAll('.section-reveal'); if (!els.length) return; - - const observer = new IntersectionObserver((entries) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('visible'); - observer.unobserve(entry.target); + const o = new IntersectionObserver((entries) => { + entries.forEach(e => { + if (e.isIntersecting) { + e.target.classList.add('revealed'); + o.unobserve(e.target); } }); - }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); - - els.forEach(el => { - el.classList.add('fade-up'); - observer.observe(el); - }); - - document.querySelectorAll('.programs__grid > article, .mentors-wrapper > div').forEach((card, i) => { - card.style.transitionDelay = (i * 0.08) + 's'; - }); + }, { threshold: 0.15, rootMargin: '-80px 0px -80px 0px' }); + els.forEach(el => o.observe(el)); })(); document.querySelectorAll('.box__accordion_label').forEach(function(label) { diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php index 8f19272..b9cbd72 100644 --- a/wp-content/themes/dekart/page-camp.php +++ b/wp-content/themes/dekart/page-camp.php @@ -147,7 +147,7 @@ $metrics = [ -
+
@@ -194,7 +194,7 @@ $metrics = [
-
+

Почему мамы выбирают Dekart: дети бегут сюда сами

Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»

@@ -215,7 +215,7 @@ $metrics = [ } ?>
-
+

Цифры, которые говорят сами за себя

Мы создаём среду, где каждый ребёнок раскрывает свой потенциал

@@ -257,7 +257,7 @@ $metrics = [
-
+

Летние программы

@@ -295,7 +295,7 @@ $metrics = [ -
+
-
+

Наши наставники и ведущие мастер-классов

-
+

Распорядок дня в клубе

-
+

Наши фотографии

-
+

Что говорят о нас родители

-
+

Часто задаваемые вопросы

@@ -609,7 +609,7 @@ $metrics = [
-
+