Final. Deploy ready
This commit is contained in:
Dekart Deploy Bot
parent
35dd3536bc
commit
5fe3c2d7e7
@ -514,42 +514,6 @@ html {
|
||||
}
|
||||
|
||||
/* ═══ SECTION REVEAL — fade + translateY + scale ═══ */
|
||||
.section-reveal {
|
||||
opacity: 0;
|
||||
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);
|
||||
}
|
||||
.section-reveal.revealed {
|
||||
opacity: 1;
|
||||
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 */
|
||||
|
||||
@ -2390,15 +2354,6 @@ html {
|
||||
.section-bg[data-bg="white"]::before { background: var(--bg-white); }
|
||||
.section-bg[data-bg="mint"]::before { background: var(--bg-mint); }
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.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; }
|
||||
|
||||
@ -97,22 +97,6 @@ document.addEventListener("click", function (event) {
|
||||
return;
|
||||
}
|
||||
});
|
||||
|
||||
(function() {
|
||||
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
|
||||
const els = document.querySelectorAll('.section-reveal');
|
||||
if (!els.length) return;
|
||||
const o = new IntersectionObserver((entries) => {
|
||||
entries.forEach(e => {
|
||||
if (e.isIntersecting) {
|
||||
e.target.classList.add('revealed');
|
||||
o.unobserve(e.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.15, rootMargin: '-80px 0px -80px 0px' });
|
||||
els.forEach(el => o.observe(el));
|
||||
})();
|
||||
|
||||
document.querySelectorAll('.box__accordion_label').forEach(function(label) {
|
||||
label.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
|
||||
@ -137,7 +137,7 @@ $metrics = [
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section-reveal section-bg about-us" data-bg="white">
|
||||
<section class="section-bg about-us" data-bg="white">
|
||||
<div class="container">
|
||||
<div class="about-us__wrapper">
|
||||
<div class="about-us__image-col">
|
||||
@ -184,7 +184,7 @@ $metrics = [
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section-reveal section-bg suggestions" data-bg="mint">
|
||||
<section class="section-bg suggestions" data-bg="mint">
|
||||
<div class="container">
|
||||
<h2 id="camp-advantages" class="camp_title">Почему мамы выбирают "Декарт": дети бегут сюда сами</h2>
|
||||
<p class="suggestions__subtitle">Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»</p>
|
||||
@ -205,7 +205,7 @@ $metrics = [
|
||||
} ?> </div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section-reveal section-bg infograph" data-bg="white">
|
||||
<section class="section-bg infograph" data-bg="white">
|
||||
<div class="container">
|
||||
<div class="infograph__header">
|
||||
<h2 id="camp-infograph" class="camp_title">Цифры, которые говорят сами за себя</h2>
|
||||
@ -293,7 +293,7 @@ $metrics = [
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg bring-child" data-bg="white" itemscope itemtype="https://schema.org/Product">
|
||||
<section class="section-bg bring-child" data-bg="white" itemscope itemtype="https://schema.org/Product">
|
||||
<meta itemprop="name" content="Городской лагерь Декарт">
|
||||
<meta itemprop="description" content="Стоимость пребывания в городском лагере Декарт">
|
||||
<?php
|
||||
@ -373,7 +373,7 @@ $metrics = [
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg mentors" data-bg="mint">
|
||||
<section class="section-bg mentors" data-bg="mint">
|
||||
<h2 id="camp-mentors" class="camp_title">Наши наставники и ведущие мастер-классов</h2>
|
||||
<div class="mentors-wrapper">
|
||||
<?php
|
||||
@ -409,7 +409,7 @@ $metrics = [
|
||||
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg routine" data-bg="white">
|
||||
<section class="section-bg routine" data-bg="white">
|
||||
<h2 id="camp-schedule" class="camp_title">Распорядок дня в клубе</h2>
|
||||
<div class="routine-wrapper">
|
||||
<?php
|
||||
@ -434,7 +434,7 @@ $metrics = [
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg foto" data-bg="mint">
|
||||
<section class="section-bg foto" data-bg="mint">
|
||||
<h2 id="camp-gallery" class="camp_title">Наши фотографии</h2>
|
||||
<?php
|
||||
$fotos = carbon_get_post_meta($post_id, 'fotos' );
|
||||
@ -472,7 +472,7 @@ $metrics = [
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg camp-reviews" data-bg="white">
|
||||
<section class="section-bg camp-reviews" data-bg="white">
|
||||
<h2 id="camp-reviews" class="camp_title">Что говорят о нас родители</h2>
|
||||
<?php
|
||||
$key = array(
|
||||
@ -533,7 +533,7 @@ $metrics = [
|
||||
<?php endif; wp_reset_postdata(); ?>
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg camp-faq" data-bg="mint">
|
||||
<section class="section-bg camp-faq" data-bg="mint">
|
||||
<h2 id="camp-faq" class="camp_title">Часто задаваемые вопросы</h2>
|
||||
<div class="faq-wrapper" itemscope itemtype="https://schema.org/FAQPage">
|
||||
|
||||
@ -577,7 +577,7 @@ $metrics = [
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-reveal section-bg camp-contact" data-bg="white">
|
||||
<section class="section-bg camp-contact" data-bg="white">
|
||||
<?php
|
||||
$contact_tel = carbon_get_post_meta($post_id, 'contact_tel' );
|
||||
$contact_address = carbon_get_post_meta($post_id, 'contact_address' );
|
||||
|
||||
Loading…
Reference in New Issue
Block a user