Added new RSVP-Form with translations

This commit is contained in:
spetznas committed 2026-06-17 18:26:04 +02:00
1 parent 6101a72fd5
commit 060b3723a8
87 files changed
+3247 -1219

No files matched your search

Regular → Executable
+197 -69
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<title>Маркин Степан</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -18,25 +18,25 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Свадьба Стефана и Марии">
<meta name="twitter:description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Свадьба Стефана и Марии">
<meta name="twitter:description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
Мы приглашаем вас разделить с нами этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями!
С нетерпением ждем встречи с вами!">
<meta property="og:url" content="http://markinstefan.xyz/ru/svadba/">
<meta property="og:site_name" content="Маркин Степан">
<meta property="og:title" content="Свадьба Стефана и Марии">
<meta property="og:description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
<meta property="og:url" content="http://localhost:1313/ru/svadba/">
<meta property="og:site_name" content="Маркин Степан">
<meta property="og:title" content="Свадьба Стефана и Марии">
<meta property="og:description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
Мы приглашаем вас разделить с нами этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями!
С нетерпением ждем встречи с вами!">
<meta property="og:locale" content="ru">
<meta property="og:type" content="article">
<meta property="og:locale" content="ru">
<meta property="og:type" content="article">
<link rel="canonical" href="http://markinstefan.xyz/ru/svadba/">
<link rel="canonical" href="http://localhost:1313/ru/svadba/">
<link rel="preload" href="/fonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
@@ -46,7 +46,7 @@
<link rel="stylesheet" href="/css/coder.min.f6b1b35a7b02521b25338f6cf58975f9980a6c12847763fe35a48307758cd1e7.css" integrity="sha256-9rGzWnsCUhslM49s9Yl1&#43;ZgKbBKEd2P&#43;NaSDB3WM0ec=" crossorigin="anonymous" media="screen" />
<link rel="stylesheet" href="/css/coder.css" media="screen">
@@ -56,7 +56,7 @@
<link rel="stylesheet" href="/css/coder-dark.min.ad48f476275974885bdc03d5251e3cdbe1678c54a63ff772376b0ed2adc468dd.css" integrity="sha256-rUj0didZdIhb3APVJR482&#43;FnjFSmP/dyN2sO0q3EaN0=" crossorigin="anonymous" media="screen" />
<link rel="stylesheet" href="/css/coder-dark.css" media="screen">
@@ -105,7 +105,7 @@
<nav class="navigation">
<section class="container">
<a class="navigation-title" href="http://markinstefan.xyz/ru/">
<a class="navigation-title" href="http://localhost:1313/ru/">
Маркин Степан
</a>
@@ -369,71 +369,199 @@ btn.addEventListener("click", async () => {
</div>
<div class="section rsvp">
<h2>📝 RSVP</h2>
<p>Пожалуйста, ответьте до <strong>30 июня</strong>.</p>
<p>Электронная почта:
<span class="email"><b>Пожалуйста, разрешите JavaScript для просмотра этого контента.</b></span>
<script>
(function() {
var email = "hochzeit@markinstefan.xyz";
var user = email.split('@')[0];
var domain = email.split('@')[1];
var link = document.createElement('a');
link.href = 'mailto:' + user + '@' + domain;
link.textContent = user + '@' + domain;
var span = document.currentScript.previousElementSibling;
span.textContent = "";
span.appendChild(link);
})();
</script>
</p>
<form action="/rsvp-submit.php" method="POST">
<label for="first_name">Имя:</label><br>
<input type="text" id="first_name" name="first_name" required><br><br>
<label for="last_name">Фамилия:</label><br>
<input type="text" id="last_name" name="last_name" required><br><br>
<h3>Личная информация</h3>
<label>Предпочтения по напиткам::</label><br>
<label for="first_name">Имя:</label><br> <input type="text" id="first_name" name="first_name" required><br><br>
<input type="checkbox" id="wine" name="drinks[]" value="Wine">
<label for="wine">Вино</label><br>
<label for="last_name">Фамилия:</label><br> <input type="text" id="last_name" name="last_name" required><br><br>
<input type="checkbox" id="beer" name="drinks[]" value="Beer">
<label for="beer">Пиво</label><br>
<label for="email">Адрес электронной почты:</label><br> <input type="email" id="email" name="email" required><br><br>
<input type="checkbox" id="juice" name="drinks[]" value="Juice">
<label for="juice">Сок</label><br><br>
<label for="phone">Номер телефона:</label><br> <input type="tel" id="phone" name="phone" placeholder="+45 12 34 56 78"><br> <small>Используется для группы WhatsApp и свадебных уведомлений</small><br><br>
<label for="allergies">Аллергия на:</label><br>
<input type="text" id="allergies" name="allergies"><br><br>
<input type="text" name="website" style="display:none">
<h3>Участие</h3>
<button type="submit">Отправить</button>
<input type="radio" id="attending_yes" name="attendance" value="Yes" required>
<label for="attending_yes">Я буду присутствовать</label><br>
<input type="radio" id="attending_no" name="attendance" value="No">
<label for="attending_no">К сожалению, я не смогу присутствовать</label><br><br>
<h3>Предпочтения по напиткам:</h3>
<input type="checkbox" id="wine" name="drinks[]" value="Wine">
<label for="wine">Вино</label><br>
<input type="checkbox" id="beer" name="drinks[]" value="Beer">
<label for="beer">Пиво</label><br>
<input type="checkbox" id="juice" name="drinks[]" value="Juice">
<label for="juice">Сок</label><br>
<input type="checkbox" id="water" name="drinks[]" value="Water">
<label for="water">Вода</label><br>
<input type="checkbox" id="cola" name="drinks[]" value="Cola">
<label for="cola">Coca-Cola</label><br>
<input type="checkbox" id="fanta" name="drinks[]" value="Fanta">
<label for="fanta">Fanta</label><br><br>
<h3>Предпочтения в питании</h3>
<input type="radio" id="diet_meat" name="diet" value="Meat" required>
<label for="diet_meat">Мясо</label><br>
<input type="radio" id="diet_vegetarian" name="diet" value="Vegetarian">
<label for="diet_vegetarian">Вегетарианское</label><br>
<input type="radio" id="diet_vegan" name="diet" value="Vegan">
<label for="diet_vegan">Веганское</label><br><br>
<h3>Аллергия на</h3>
<input type="checkbox" id="gluten" name="allergies[]" value="Gluten">
<label for="gluten">Глютен</label><br>
<input type="checkbox" id="lactose" name="allergies[]" value="Lactose">
<label for="lactose">Лактоза</label><br>
<input type="checkbox" id="nuts" name="allergies[]" value="Nuts">
<label for="nuts">Орехи</label><br>
<input type="checkbox" id="other_allergy" name="allergies[]" value="Other">
<label for="other_allergy">Другое</label><br><br>
<label for="allergies_other">Дополнительная информация об аллергиях:</label><br> <input type="text" id="allergies_other" name="allergies_other"><br><br>
<h3>Организация</h3>
<input type="checkbox" id="parking" name="parking" value="Yes">
<label for="parking">Мне требуется парковочное место</label><br>
<input type="checkbox" id="ride_needed" name="ride_needed" value="Yes">
<label for="ride_needed">Мне нужна помощь с поездкой</label><br>
<input type="checkbox" id="ride_offer" name="ride_offer" value="Yes">
<label for="ride_offer">Я могу предложить место в машине</label><br>
<input type="checkbox" id="hotel" name="hotel" value="Yes">
<label for="hotel">Я остановлюсь в отеле</label><br>
<input type="checkbox" id="hotel_booked" name="hotel_booked" value="Yes">
<label for="hotel_booked">Отель уже забронирован</label><br><br>
<h3>Памятные материалы и дополнения</h3>
<input type="checkbox" id="memory_card" name="memory_card" value="Yes">
<label for="memory_card">Я хотел(а) бы получить памятную открытку</label><br>
<input type="checkbox" id="photo_link" name="photo_link" value="Yes">
<label for="photo_link">Я хотел(а) бы получить ссылку на свадебные фотографии</label><br><br>
<h3>Развлечения</h3>
<label for="music_request">Музыкальное пожелание:</label><br> <input type="text" id="music_request" name="music_request"><br><br>
<label>Я хотел(а) бы внести свой вклад:</label><br>
<input type="checkbox" id="speech" name="contribution[]" value="Speech">
<label for="speech">Речь</label><br>
<input type="checkbox" id="game" name="contribution[]" value="Game">
<label for="game">Игра</label><br>
<input type="checkbox" id="surprise" name="contribution[]" value="Surprise">
<label for="surprise">Сюрприз</label><br>
<input type="checkbox" id="other_contribution" name="contribution[]" value="Other">
<label for="other_contribution">Другое</label><br><br>
<h3>Дети</h3>
<input type="radio" id="children_yes" name="children" value="Yes">
<label for="children_yes">Да</label>
<input type="radio" id="children_no" name="children" value="No" checked>
<label for="children_no">Нет</label><br><br>
<div id="children-details" style="display:none;">
```
<label for="children_count">Количество детей:</label><br>
<input type="number" id="children_count" name="children_count" min="1"><br><br>
<label for="children_ages">Возраст детей:</label><br>
<input type="text"
id="children_ages"
name="children_ages"
placeholder="3, 7, 10"><br><br>
```
</div>
<h3>Сообщение молодожёнам</h3>
<textarea id="message"
name="message"
rows="5"
cols="50"></textarea><br><br>
<h3>Конфиденциальность</h3>
<input type="checkbox"
id="privacy"
name="privacy"
value="Yes"
required>
<label for="privacy">
Я согласен(согласна) на хранение и обработку моих данных для организации свадьбы.
</label><br><br>
<input type="text" name="website" style="display:none">
<button type="submit">
Отправить
</button>
</form>
<script>
document.querySelectorAll('input[name="children"]').forEach(el => {
el.addEventListener('change', function() {
document.getElementById('children-details').style.display =
this.value === 'Yes' ? 'block' : 'none';
});
});
</script>
</form>
</div>
@@ -497,7 +625,7 @@ btn.addEventListener("click", async () => {
<script src="/js/coder.min.6ae284be93d2d19dad1f02b0039508d9aab3180a12a06dcc71b0b0ef7825a317.js" integrity="sha256-auKEvpPS0Z2tHwKwA5UI2aqzGAoSoG3McbCw73gloxc="></script>
<script src="/js/coder.js"></script>