Updated wedding invitation content

This commit is contained in:
spetznas
2026-05-04 18:22:45 +02:00
parent 8346dd5754
commit eccb229f03
31 changed files with 240 additions and 89 deletions
+25 -14
View File
@@ -216,14 +216,14 @@
.countdown {
text-align: center;
margin-bottom: 2rem;
font-size: 1.2rem;
font-size: 5rem;
}
.footer {
text-align: center;
margin-top: 3rem;
color: #888;
font-size: 1rem;
font-size: 2rem;
padding-top: 1rem;
}
@@ -247,10 +247,10 @@
<div class="hero">
<img src="/images/header-image.jpg" alt="Wedding Header Image">
<img src="/images/hochzeit-header.jpg" alt="Wedding Header Image">
<h1>Свадьба Стефана и Марии</h1>
<div class="date">
ru
15 августа 2026 г.
</div>
</div>
@@ -266,14 +266,18 @@
<div class="section">
<h2>📅 Мероприятие</h2>
<p>
<strong>Церемония:</strong>
15 августа 2026 г., в 14:00
<p><strong>Церемония:</strong> 14:00</p>
</p>
<p><strong>Прием:</strong> 17:00</p>
<p><strong>Место:</strong> Хельсинки, Финляндия</p>
<p><strong>Место:</strong> Мюнхен, Германия</p>
</div>
@@ -281,7 +285,7 @@
<div class="section map">
<h2>📍 Место</h2>
<iframe src="https://maps.google.com/?q=Helsinki,+Finland&z=12&output=embed" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
<iframe src="https://maps.google.com/?q=Munich,+Germany&hl=ru&z=12&output=embed" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
@@ -292,8 +296,6 @@
<p>Пожалуйста, ответьте до <strong>30 июня</strong>.</p>
<p>Электронная почта: <a href="mailto:test@example.com">test@example.com</a></p>
<p><a href="https://example.com/rsvp-form" target="_blank">Форма RSVP</a></p>
@@ -310,6 +312,13 @@
</div>
<script>
var labels = {
day: "Д.",
hour: "ч.",
minute: "м",
second: "c"
};
var countDownDate = new Date("2026-08-15 14:00").getTime();
var x = setInterval(function() {
@@ -321,8 +330,11 @@
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("timer").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
document.getElementById("timer").innerHTML =
days + " " + labels.day + " " +
hours + " " + labels.hour + " " +
minutes + " " + labels.minute + " " +
seconds + " " + labels.second;
if (distance < 0) {
clearInterval(x);
@@ -331,7 +343,6 @@
}, 1000);
</script>
</div>
<footer class="footer">