mirror of
https://github.com/pvlnes/homelab.git
synced 2026-06-03 20:13:49 +00:00
Compare commits
No commits in common. "193015e9d62964fa2d7800b10910d933b4af32b5" and "c4b466d9a820a328ec2ba6ac09883a1bbeb2882e" have entirely different histories.
193015e9d6
...
c4b466d9a8
@ -33,7 +33,7 @@
|
|||||||
<div class="hero-content">
|
<div class="hero-content">
|
||||||
<p class="hero-pre">Приглашаем вас на свадьбу</p>
|
<p class="hero-pre">Приглашаем вас на свадьбу</p>
|
||||||
<h1 class="hero-names">Александр<span class="amp">&</span>Юлия</h1>
|
<h1 class="hero-names">Александр<span class="amp">&</span>Юлия</h1>
|
||||||
<p class="hero-date">22 августа 2026 16:00</p>
|
<p class="hero-date">22 августа 2026</p>
|
||||||
<div class="countdown" id="countdown">
|
<div class="countdown" id="countdown">
|
||||||
<div class="countdown-block">
|
<div class="countdown-block">
|
||||||
<span class="cd-num" id="cd-days">--</span>
|
<span class="cd-num" id="cd-days">--</span>
|
||||||
@ -116,7 +116,7 @@
|
|||||||
<section id="stats" class="section">
|
<section id="stats" class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="section-title">8 лет отношений</h2>
|
<h2 class="section-title">8 лет отношений</h2>
|
||||||
<p class="section-sub">Но вам мы покажем преимущественно последние 4 года переписки</p>
|
<p class="section-sub">Но вам мы покажем последние 4 года переписки</p>
|
||||||
|
|
||||||
<!-- Ключевые цифры -->
|
<!-- Ключевые цифры -->
|
||||||
<div class="stats-grid">
|
<div class="stats-grid">
|
||||||
@ -382,16 +382,6 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="section-title">Часто задаваемые вопросы</h2>
|
<h2 class="section-title">Часто задаваемые вопросы</h2>
|
||||||
<div class="faq-list">
|
<div class="faq-list">
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question" aria-expanded="false">
|
|
||||||
Когда начинается мероприятие?
|
|
||||||
<span class="faq-arrow">▾</span>
|
|
||||||
</button>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>Велком секция (фуршет) начинается в <strong>16:00</strong>.</p>
|
|
||||||
<p>Основная секция (банкет) начинается в <strong>17:00</strong>.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
<button class="faq-question" aria-expanded="false">
|
<button class="faq-question" aria-expanded="false">
|
||||||
Какой дресс-код мероприятия?
|
Какой дресс-код мероприятия?
|
||||||
@ -428,7 +418,7 @@
|
|||||||
<span class="faq-arrow">▾</span>
|
<span class="faq-arrow">▾</span>
|
||||||
</button>
|
</button>
|
||||||
<div class="faq-answer">
|
<div class="faq-answer">
|
||||||
<p>Пожалуйста, заполните анкету гостя до <strong>20 июля 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
|
<p>Пожалуйста, заполните анкету гостя до <strong>1 августа 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-item">
|
<div class="faq-item">
|
||||||
@ -440,16 +430,6 @@
|
|||||||
<p>Да, конечно. Мы будем рады любому подарку. Ведь единственный пункт в нашем вишлисте - это отлично проведенный праздник</p>
|
<p>Да, конечно. Мы будем рады любому подарку. Ведь единственный пункт в нашем вишлисте - это отлично проведенный праздник</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="faq-item">
|
|
||||||
<button class="faq-question" aria-expanded="false">
|
|
||||||
Уместно ли дарить цветы?
|
|
||||||
<span class="faq-arrow">▾</span>
|
|
||||||
</button>
|
|
||||||
<div class="faq-answer">
|
|
||||||
<p>Мы бы попросили вас воздержаться от дарения цветов.</p>
|
|
||||||
<p>Потому что живем мы в небольшой квартире, и складывать такое потенциальное количество цветов нам банально будет некуда.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -599,38 +599,21 @@ window.addEventListener('scroll', () => {
|
|||||||
|
|
||||||
|
|
||||||
// ---- FAQ: аккордеон ----
|
// ---- FAQ: аккордеон ----
|
||||||
function setFaqAnswerHeight(answer, open) {
|
|
||||||
if (open) {
|
|
||||||
answer.classList.add('open');
|
|
||||||
answer.style.maxHeight = answer.scrollHeight + 'px';
|
|
||||||
} else {
|
|
||||||
answer.classList.remove('open');
|
|
||||||
answer.style.maxHeight = '0px';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
document.querySelectorAll('.faq-question').forEach(btn => {
|
document.querySelectorAll('.faq-question').forEach(btn => {
|
||||||
btn.addEventListener('click', () => {
|
btn.addEventListener('click', () => {
|
||||||
const expanded = btn.getAttribute('aria-expanded') === 'true';
|
const expanded = btn.getAttribute('aria-expanded') === 'true';
|
||||||
const answer = btn.nextElementSibling;
|
const answer = btn.nextElementSibling;
|
||||||
|
|
||||||
|
// Закрыть все остальные
|
||||||
document.querySelectorAll('.faq-question').forEach(b => {
|
document.querySelectorAll('.faq-question').forEach(b => {
|
||||||
b.setAttribute('aria-expanded', 'false');
|
b.setAttribute('aria-expanded', 'false');
|
||||||
setFaqAnswerHeight(b.nextElementSibling, false);
|
b.nextElementSibling.classList.remove('open');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Переключить текущий
|
||||||
if (!expanded) {
|
if (!expanded) {
|
||||||
btn.setAttribute('aria-expanded', 'true');
|
btn.setAttribute('aria-expanded', 'true');
|
||||||
setFaqAnswerHeight(answer, true);
|
answer.classList.add('open');
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
window.addEventListener('resize', () => {
|
|
||||||
document.querySelectorAll('.faq-question[aria-expanded="true"]').forEach(btn => {
|
|
||||||
const answer = btn.nextElementSibling;
|
|
||||||
if (answer.classList.contains('open')) {
|
|
||||||
answer.style.maxHeight = answer.scrollHeight + 'px';
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@ -975,6 +975,7 @@ ul { list-style: none; }
|
|||||||
transition: max-height 0.35s ease, padding 0.35s ease;
|
transition: max-height 0.35s ease, padding 0.35s ease;
|
||||||
}
|
}
|
||||||
.faq-answer.open {
|
.faq-answer.open {
|
||||||
|
max-height: 300px;
|
||||||
padding: 0 1.5rem 1.2rem;
|
padding: 0 1.5rem 1.2rem;
|
||||||
}
|
}
|
||||||
.faq-answer p { color: var(--gray); line-height: 1.7; margin: 0 0 0.75rem; }
|
.faq-answer p { color: var(--gray); line-height: 1.7; margin: 0 0 0.75rem; }
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user