mirror of
https://github.com/pvlnes/homelab.git
synced 2026-08-02 20:16:02 +00:00
Compare commits
No commits in common. "a7b152840c625c25a77eaa69a6e34e2b1b1ab601" and "bbff99305417ec3e75007e78fcafedfa2ac8b68e" have entirely different histories.
a7b152840c
...
bbff993054
@ -356,7 +356,7 @@
|
||||
<section id="rsvp" class="section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Анкета гостя</h2>
|
||||
<p class="section-sub">Пожалуйста, ответьте до <strong>20 июля 2026</strong></p>
|
||||
<p class="section-sub">Пожалуйста, ответьте до <strong>1 августа 2026</strong></p>
|
||||
<!--
|
||||
ИНСТРУКЦИЯ: Создайте форму на forms.google.com
|
||||
Нажмите «Отправить» → значок «<>» (встроить) → скопируйте ссылку из атрибута src
|
||||
@ -388,10 +388,8 @@
|
||||
<span class="faq-arrow">▾</span>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="faq-answer-inner">
|
||||
<p>Велком секция (фуршет) начинается в <strong>16:00</strong>.</p>
|
||||
<p>Основная секция (банкет) начинается в <strong>17:00</strong>.</p>
|
||||
</div>
|
||||
<p>Велком секция (фуршет) начинается в <strong>16:00</strong>.</p>
|
||||
<p>Основная секция (банкет) начинается в <strong>17:00</strong>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
@ -400,19 +398,18 @@
|
||||
<span class="faq-arrow">▾</span>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="faq-answer-inner">
|
||||
<p>Для нас важно, чтобы гости выглядели нарядно так, чтобы вам самим было приятно находиться на свадьбе.</p>
|
||||
<p>Возможно, у вас есть очень крутое платье или костюм, которое вы мечтали надеть, но не было повода. Поверьте, это тот самый случай.</p>
|
||||
<p>Если вам все же тяжело выбрать, в чем пойти, всегда уместно отдать предпочтение классике. Ниже представлены примеры оттенков, которые будут максимально уместны.</p>
|
||||
<div class="dresscode-colors">
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#1c2d5e"></span>Тёмно-синий</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#4a4a4a"></span>Графит</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#b8bfc9"></span>Светло-серый</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#708090"></span>Серо-стальной</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#6b4226"></span>Коричневый</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#7d1128"></span>Бордовый</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#2d7a5a"></span>Изумрудный</span>
|
||||
</div>
|
||||
<p>Для нас важно, чтобы гости выглядели нарядно.</p>
|
||||
<p><strong>Мужчинам</strong> — классический костюм. Брюки, рубашка и туфли — вполне достаточно.</p>
|
||||
<p><strong>Женщинам</strong> — платье или элегантный наряд.</p>
|
||||
<p>По цвету — мы не ограничиваем вас в выборе цвета наряда на свадьбу. Если вам тяжело выбрать цвет, ниже представлены примеры цветов, которые будет максимально уместно надеть.</p>
|
||||
<div class="dresscode-colors">
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#1c2d5e"></span>Тёмно-синий</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#4a4a4a"></span>Графит</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#b8bfc9"></span>Светло-серый</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#708090"></span>Серо-стальной</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#6b4226"></span>Коричневый</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#7d1128"></span>Бордовый</span>
|
||||
<span class="dresscode-chip"><span class="dresscode-dot" style="background:#2d7a5a"></span>Изумрудный</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -422,9 +419,7 @@
|
||||
<span class="faq-arrow">▾</span>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="faq-answer-inner">
|
||||
<p>Да, рядом с местом проведения есть бесплатная парковка. Подробности — на карте.</p>
|
||||
</div>
|
||||
<p>Да, рядом с местом проведения есть бесплатная парковка. Подробности — на карте.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
@ -433,9 +428,7 @@
|
||||
<span class="faq-arrow">▾</span>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="faq-answer-inner">
|
||||
<p>Пожалуйста, заполните анкету гостя до <strong>20 июля 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
|
||||
</div>
|
||||
<p>Пожалуйста, заполните анкету гостя до <strong>20 июля 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
@ -444,9 +437,7 @@
|
||||
<span class="faq-arrow">▾</span>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="faq-answer-inner">
|
||||
<p>Да, конечно. Мы будем рады любому подарку. Ведь единственный пункт в нашем вишлисте - это отлично проведенный праздник</p>
|
||||
</div>
|
||||
<p>Да, конечно. Мы будем рады любому подарку. Ведь единственный пункт в нашем вишлисте - это отлично проведенный праздник</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
@ -455,10 +446,8 @@
|
||||
<span class="faq-arrow">▾</span>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<div class="faq-answer-inner">
|
||||
<p>Мы бы попросили вас воздержаться от дарения цветов.</p>
|
||||
<p>Потому что живем мы в небольшой квартире, и складывать такое потенциальное количество цветов нам банально будет некуда.</p>
|
||||
</div>
|
||||
<p>Мы бы попросили вас воздержаться от дарения цветов.</p>
|
||||
<p>Потому что живем мы в небольшой квартире, и складывать такое потенциальное количество цветов нам банально будет некуда.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -599,6 +599,16 @@ window.addEventListener('scroll', () => {
|
||||
|
||||
|
||||
// ---- 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 => {
|
||||
btn.addEventListener('click', () => {
|
||||
const expanded = btn.getAttribute('aria-expanded') === 'true';
|
||||
@ -606,12 +616,21 @@ document.querySelectorAll('.faq-question').forEach(btn => {
|
||||
|
||||
document.querySelectorAll('.faq-question').forEach(b => {
|
||||
b.setAttribute('aria-expanded', 'false');
|
||||
b.nextElementSibling.classList.remove('open');
|
||||
setFaqAnswerHeight(b.nextElementSibling, false);
|
||||
});
|
||||
|
||||
if (!expanded) {
|
||||
btn.setAttribute('aria-expanded', 'true');
|
||||
answer.classList.add('open');
|
||||
setFaqAnswerHeight(answer, true);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
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';
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@ -970,18 +970,11 @@ ul { list-style: none; }
|
||||
}
|
||||
.faq-question[aria-expanded="true"] .faq-arrow { transform: rotate(180deg); }
|
||||
.faq-answer {
|
||||
display: grid;
|
||||
grid-template-rows: 0fr;
|
||||
transition: grid-template-rows 0.35s ease;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.35s ease, padding 0.35s ease;
|
||||
}
|
||||
.faq-answer.open {
|
||||
grid-template-rows: 1fr;
|
||||
}
|
||||
.faq-answer-inner {
|
||||
overflow: hidden;
|
||||
min-height: 0;
|
||||
}
|
||||
.faq-answer.open .faq-answer-inner {
|
||||
padding: 0 1.5rem 1.2rem;
|
||||
}
|
||||
.faq-answer p { color: var(--gray); line-height: 1.7; margin: 0 0 0.75rem; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user