Global 2026-07-28
This commit is contained in:
Dekart Deploy Bot
parent
762eabf590
commit
a933d6ede5
@ -28,6 +28,7 @@ main{display:flex;flex-direction:column;gap:0}
|
||||
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--accent),var(--accent-500));color:#fff;border:none;border-radius:var(--radius-pill);font-size:16px;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow-sm);text-decoration:none;min-height:48px}
|
||||
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
|
||||
.section-bg{position:relative}
|
||||
.section-bg::before{content:'';position:absolute;top:0;bottom:0;left:calc(-50vw + 50%);width:100vw;z-index:-1}
|
||||
.ds-hero{position:relative;padding:48px 0;overflow:hidden;background:var(--color-bg-dark);background-image:radial-gradient(ellipse 80% 70% at 20% 40%,rgba(124,58,237,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 60% at 80% 60%,rgba(168,85,247,.06) 0%,transparent 70%)}
|
||||
.ds-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary) 100%);opacity:.5}
|
||||
.ds-hero__inner{display:flex;gap:40px;align-items:center;position:relative;z-index:1}
|
||||
|
||||
@ -123,9 +123,7 @@
|
||||
gap: 20px;
|
||||
align-items: flex-start;
|
||||
padding: 28px 32px;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
backdrop-filter: blur(8px);
|
||||
background: #FFFFFF;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 4px 24px rgba(37, 99, 235, 0.08);
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
@ -150,7 +148,7 @@
|
||||
.answer-block__text {
|
||||
font-size: clamp(1rem, 1.1vw, 1.0625rem);
|
||||
line-height: 1.8;
|
||||
color: var(--color-text-secondary, #475569);
|
||||
color: #334155;
|
||||
text-align: left;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
@ -160,14 +158,11 @@
|
||||
color: var(--color-primary-700, #1E40AF);
|
||||
font-weight: 600;
|
||||
}
|
||||
/* Выделение чисел (10, 8:00, 19:00, 1, 11) */
|
||||
/* Выделение чисел — только цвет, без фона (меньше ряби) */
|
||||
.answer-block__text em {
|
||||
font-style: normal;
|
||||
background: var(--color-primary-100, #DBE6FE);
|
||||
padding: 1px 6px;
|
||||
border-radius: 4px;
|
||||
color: var(--color-primary-700, #1E40AF);
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
}
|
||||
.answer-block__text p:last-child {
|
||||
margin-bottom: 0;
|
||||
@ -210,6 +205,11 @@
|
||||
color: var(--color-primary-600, #1D4ED8);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
/* Персонализация: 2 цвета — зелёный + синий (спокойная палитра) */
|
||||
.answer-block__highlight:nth-child(1) .answer-block__highlight-icon,
|
||||
.answer-block__highlight:nth-child(3) .answer-block__highlight-icon { background: #DCFCE7; color: #047857; }
|
||||
.answer-block__highlight:nth-child(2) .answer-block__highlight-icon,
|
||||
.answer-block__highlight:nth-child(4) .answer-block__highlight-icon { background: var(--color-primary-100, #DBE6FE); color: var(--color-primary-600, #1D4ED8); }
|
||||
.answer-block__highlight-label {
|
||||
display: block;
|
||||
font-size: 0.75rem;
|
||||
@ -609,7 +609,16 @@
|
||||
padding: 48px 0;
|
||||
}
|
||||
.services::before {
|
||||
background: var(--color-bg-alt, #F8F4F0);
|
||||
background: #F8FAFC;
|
||||
}
|
||||
.services::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0; left: 0; right: 0;
|
||||
height: 32px;
|
||||
background: linear-gradient(to bottom, transparent, #F8FAFC);
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
.services .section-header--centered {
|
||||
margin-bottom: 40px;
|
||||
@ -636,9 +645,10 @@
|
||||
background: var(--color-bg, #FFFFFF);
|
||||
border-radius: var(--radius-lg, 24px);
|
||||
box-shadow: var(--shadow-sm, 0 2px 12px rgba(15,23,42,0.06));
|
||||
border: 1px solid var(--color-border, #E5E7EB);
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
transition: box-shadow .25s, transform .25s;
|
||||
transition: box-shadow .25s, transform .25s, border-color .25s;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -649,30 +659,27 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 4px;
|
||||
opacity: 0.6;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.services-card--school::before { background: #A05A95; }
|
||||
.services-card--preschool::before { background: #F682A5; }
|
||||
.services-card--afterschool::before { background: #FEDF6F; }
|
||||
.services-card--exam::before { background: #F9A474; }
|
||||
.services-card--camp::before { background: #C9DA8F; }
|
||||
.services-card--clubs::before { background: #B8CEDC; }
|
||||
/* 2 цвета полос — синий (чётные) / янтарный (нечётные) */
|
||||
.services-card:nth-child(odd)::before { background: var(--color-primary, #2563EB); }
|
||||
.services-card:nth-child(even)::before { background: #F59E0B; }
|
||||
.services-card:hover {
|
||||
box-shadow: var(--shadow-md, 0 8px 24px rgba(15,23,42,0.10));
|
||||
transform: translateY(-4px);
|
||||
}
|
||||
.services-card__age {
|
||||
display: inline-block;
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
color: var(--color-primary, #2563EB);
|
||||
color: #1D4ED8;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.services-card__price {
|
||||
display: inline-block;
|
||||
font-size: 0.9375rem;
|
||||
font-size: clamp(0.875rem, 1.2vw, 0.9375rem);
|
||||
font-weight: 700;
|
||||
color: var(--color-primary, #2563EB);
|
||||
margin-bottom: 6px;
|
||||
@ -685,10 +692,13 @@
|
||||
height: 52px;
|
||||
border-radius: 14px;
|
||||
background: var(--color-primary-light, #EFF6FF);
|
||||
color: var(--color-primary, #2563EB);
|
||||
color: var(--color-primary-dark, #1D4ED8);
|
||||
margin-bottom: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.services-card:nth-child(even) .services-card__icon {
|
||||
background: #DCFCE7;
|
||||
}
|
||||
.services-card__title {
|
||||
font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
|
||||
font-size: 1.125rem;
|
||||
@ -698,9 +708,9 @@
|
||||
color: var(--color-text, #0F172A);
|
||||
}
|
||||
.services-card__desc {
|
||||
font-size: 0.9375rem;
|
||||
font-size: clamp(0.9375rem, 1vw, 1rem);
|
||||
line-height: 1.6;
|
||||
color: var(--color-text-muted, #475569);
|
||||
color: var(--color-text-muted, #334155);
|
||||
margin: 0 0 auto;
|
||||
flex: 1;
|
||||
}
|
||||
@ -709,8 +719,8 @@
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-top: 16px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 700;
|
||||
color: var(--color-primary, #2563EB);
|
||||
transition: gap .2s;
|
||||
}
|
||||
@ -2181,3 +2191,19 @@
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════════ */
|
||||
/* Section full-bleed backgrounds */
|
||||
/* ════════════════════════════════════════════ */
|
||||
.answer-block::before { background: #FEF9F0; }
|
||||
.answer-block::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0; left: 0; right: 0;
|
||||
height: 48px;
|
||||
background: linear-gradient(to bottom, transparent, #F8FAFC);
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Оптимизация карточек: компактный текст */
|
||||
body .answer-block__highlight-value { font-size: 0.875rem; line-height: 1.35; }
|
||||
|
||||
@ -31,29 +31,19 @@ if (! $content) {
|
||||
$content = '<p>Частная школа «Декарт» ' . $city_prep . ' — это <strong>малокомплектные классы до 15 человек</strong>, где каждый ученик получает внимание и поддержку. Мы работаем по авторской программе в соответствии с ФГОС. <em>Английский язык</em> — с 1 класса. Учебные занятия проходят в первую половину дня (до 13:00), после обеда — продлёнка с досуговыми занятиями и помощью с домашними заданиями (до 19:00). Можно забрать ребёнка после уроков или оставить на продлёнку. В продлёнку входят обед, полдник, помощь с домашними заданиями и кружки. Принимаем детей из ' . esc_html($branch_area_served) . '. Лицензия Министерства образования Московской области. Опытные педагоги — средний стаж <em>от 10 лет</em>. Запишитесь на экскурсию, чтобы познакомиться с учителями, посмотреть классы и задать все вопросы лично.</p>';
|
||||
}
|
||||
?>
|
||||
<section class="answer-block section-bg reveal" data-bg="answer-block" aria-labelledby="answer-block-title">
|
||||
<section class="answer-block section-bg reveal" data-bg="answer-block" aria-labelledby="answer-block-title" role="region">
|
||||
<div class="container">
|
||||
|
||||
<?php // ── Декоративные SVG-элементы ── ?>
|
||||
<div class="answer-block__deco" aria-hidden="true">
|
||||
<!-- Абстрактные точки (россыпь) -->
|
||||
<svg class="answer-block__deco-item answer-block__deco-item--dots" width="180" height="120" viewBox="0 0 180 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="20" cy="20" r="2.5" fill="currentColor" opacity="0.5"/>
|
||||
<circle cx="60" cy="10" r="1.5" fill="currentColor" opacity="0.4"/>
|
||||
<circle cx="20" cy="20" r="2.5" fill="currentColor" opacity="0.4"/>
|
||||
<circle cx="100" cy="25" r="2" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="140" cy="15" r="3" fill="currentColor" opacity="0.2"/>
|
||||
<circle cx="30" cy="50" r="1.5" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="70" cy="45" r="2.5" fill="currentColor" opacity="0.2"/>
|
||||
<circle cx="120" cy="55" r="1.5" fill="currentColor" opacity="0.4"/>
|
||||
<circle cx="160" cy="40" r="2" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="10" cy="80" r="2" fill="currentColor" opacity="0.2"/>
|
||||
<circle cx="50" cy="75" r="1.5" fill="currentColor" opacity="0.5"/>
|
||||
<circle cx="90" cy="85" r="2.5" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="130" cy="70" r="1.5" fill="currentColor" opacity="0.2"/>
|
||||
<circle cx="120" cy="55" r="2" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="50" cy="75" r="2" fill="currentColor" opacity="0.4"/>
|
||||
<circle cx="170" cy="90" r="2" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="40" cy="105" r="1.5" fill="currentColor" opacity="0.4"/>
|
||||
<circle cx="80" cy="110" r="2" fill="currentColor" opacity="0.2"/>
|
||||
<circle cx="150" cy="100" r="1.5" fill="currentColor" opacity="0.3"/>
|
||||
<circle cx="80" cy="110" r="2" fill="currentColor" opacity="0.3"/>
|
||||
</svg>
|
||||
|
||||
<!-- Волнистая линия — низ -->
|
||||
@ -63,13 +53,13 @@ if (! $content) {
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="section-header--centered reveal">
|
||||
<div class="section-header--centered">
|
||||
<span class="bento-label">О школе</span>
|
||||
<h2 id="answer-block-title" class="bento-h2"><?php echo esc_html($title); ?></h2>
|
||||
<p class="bento-p"><?php echo esc_html($subtitle); ?></p>
|
||||
</div>
|
||||
|
||||
<div class="answer-block__card reveal">
|
||||
<div class="answer-block__card">
|
||||
<div class="answer-block__icon-wrap" aria-hidden="true">
|
||||
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
||||
@ -80,7 +70,7 @@ if (! $content) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="answer-block__highlights reveal">
|
||||
<div class="answer-block__highlights">
|
||||
<div class="answer-block__highlight">
|
||||
<div class="answer-block__highlight-icon" aria-hidden="true">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user