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 @@ We look forward to seeing you there!">
.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 @@ We look forward to seeing you there!">
<div class="hero">
<img src="/images/header-image.jpg" alt="Wedding Header Image">
<img src="/images/hochzeit-header.jpg" alt="Wedding Header Image">
<h1>Marriage of Stefan and Mariia</h1>
<div class="date">
en
August 15, 2026
</div>
</div>
@@ -266,14 +266,18 @@ We look forward to seeing you there!">
<div class="section">
<h2>📅 Event</h2>
<p>
<strong>Ceremony:</strong>
August 15, 2026, at 14:00
<p><strong>Ceremony:</strong> 14:00</p>
</p>
<p><strong>Reception:</strong> 17:00</p>
<p><strong>Location:</strong> Helsinki, Finland</p>
<p><strong>Location:</strong> Munich, Germany</p>
</div>
@@ -281,7 +285,7 @@ We look forward to seeing you there!">
<div class="section map">
<h2>📍 Location</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=en&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 @@ We look forward to seeing you there!">
<p>Please respond by <strong>June 30</strong>.</p>
<p>Email: <a href="mailto:test@example.com">test@example.com</a></p>
<p><a href="https://example.com/rsvp-form" target="_blank">RSVP Form</a></p>
@@ -310,6 +312,13 @@ We look forward to seeing you there!">
</div>
<script>
var labels = {
day: "d",
hour: "h",
minute: "m",
second: "s"
};
var countDownDate = new Date("2026-08-15 14:00").getTime();
var x = setInterval(function() {
@@ -321,8 +330,11 @@ We look forward to seeing you there!">
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 @@ We look forward to seeing you there!">
}, 1000);
</script>
</div>
<footer class="footer">