iroxol/markinstefan.xyz
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated multiple things on wedding-page

Browse Source
This commit is contained in:
spetznas
2026-05-16 20:13:04 +02:00
parent 9bd514dac0
commit b7ad462786
94 changed files with 13214 additions and 560 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/marriage/index.html
Regular → Executable
+51 -27
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<title>Markin Stefan</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -11,7 +11,8 @@
<meta name="author" content="Markin Stefan">
<meta name="description" content="We are happy to invite you to the wedding of Stefan and Mariia! Join us in celebrating this special day with love, joy, and wonderful memories.
<meta name="description" content="We are happy to invite you to our wedding of Stefan and Mariia!
Join us in celebrating this special day with love, joy, and wonderful memories.
We look forward to seeing you there!">
<meta name="keywords" content="blog,developer,personal">
@@ -19,13 +20,15 @@ We look forward to seeing you there!">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Marriage of Stefan and Mariia">
<meta name="twitter:description" content="We are happy to invite you to the wedding of Stefan and Mariia! Join us in celebrating this special day with love, joy, and wonderful memories.
<meta name="twitter:description" content="We are happy to invite you to our wedding of Stefan and Mariia!
Join us in celebrating this special day with love, joy, and wonderful memories.
We look forward to seeing you there!">
<meta property="og:url" content="http://markinstefan.xyz/marriage/">
<meta property="og:url" content="http://localhost:1313/marriage/">
<meta property="og:site_name" content="Markin Stefan">
<meta property="og:title" content="Marriage of Stefan and Mariia">
<meta property="og:description" content="We are happy to invite you to the wedding of Stefan and Mariia! Join us in celebrating this special day with love, joy, and wonderful memories.
<meta property="og:description" content="We are happy to invite you to our wedding of Stefan and Mariia!
Join us in celebrating this special day with love, joy, and wonderful memories.
We look forward to seeing you there!">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
@@ -33,7 +36,7 @@ We look forward to seeing you there!">
<link rel="canonical" href="http://markinstefan.xyz/marriage/">
<link rel="canonical" href="http://localhost:1313/marriage/">
<link rel="preload" href="/fonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
@@ -43,7 +46,7 @@ We look forward to seeing you there!">
<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">
@@ -53,7 +56,7 @@ We look forward to seeing you there!">
<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">
@@ -102,7 +105,7 @@ We look forward to seeing you there!">
<nav class="navigation">
<section class="container">
<a class="navigation-title" href="http://markinstefan.xyz/">
<a class="navigation-title" href="http://localhost:1313/">
Markin Stefan
</a>
@@ -161,14 +164,23 @@ We look forward to seeing you there!">
<style>
.wedding-container {
max-width: 800px;
body {
background-color: #fff;
color: #222;
background-image: url('/images/hochzeit-bg.jpg');
background-size: cover;
background-position: center;
background-repeat: repeat;
border-radius: 8px;
}
.wedding-container {
max-width: 1600px;
margin: 0 auto;
padding: 2rem;
font-family: system-ui, sans-serif;
line-height: 1.6;
}
}
.hero {
text-align: center;
margin-bottom: 3rem;
@@ -202,13 +214,15 @@ We look forward to seeing you there!">
.map iframe {
width: 100%;
background-color: rgba(255, 255, 255, 0.5);
padding: 1rem;
height: 400px;
border: 0;
border-radius: 8px;
}
.rsvp {
background: #f8f8f8;
background-color: rgba(255, 255, 255, 0.8);
padding: 1rem;
border-radius: 8px;
}
@@ -242,7 +256,7 @@ We look forward to seeing you there!">
.music-fab {
position: fixed;
bottom: 20px;
left: 20px;
left: 20px;
z-index: 9999;
}
@@ -264,19 +278,28 @@ We look forward to seeing you there!">
</style>
<div class="music-fab">
<button id="music-btn" class="fab-button">▶️</button>
<button id="music-btn" class="fab-button">⏸️</button>
</div>
<audio id="bg-music" loop>
<audio id="bg-music" autoplay loop>
<source src="/audio/canon-in-d.mp3" type="audio/mpeg">
</audio>
<script>
const btn = document.getElementById("music-btn");
const audio = document.getElementById("bg-music");
audio.volume = 0.2;
audio.volume = 0.3;
let isPlaying = false;
let isPlaying = true;
btn.textContent = "⏸️";
audio.play().catch(() => {
isPlaying = false;
btn.textContent = "▶️";
});
btn.addEventListener("click", async () => {
if (!isPlaying) {
@@ -290,7 +313,7 @@ btn.addEventListener("click", async () => {
} else {
audio.pause();
isPlaying = false;
btn.textContent = "▶️";
btn.textContent = "▶️";
}
});
</script>
@@ -298,7 +321,7 @@ btn.addEventListener("click", async () => {
<div class="countdown">
<h3>Countdown to our Wedding</h3>
<h3>Countdown to our Wedding:</h3>
<p id="timer"></p>
</div>
@@ -307,14 +330,15 @@ btn.addEventListener("click", async () => {
<img src="/images/hochzeit-header.jpg" alt="Wedding Header Image">
<h1>Marriage of Stefan and Mariia</h1>
<div class="date">
August 15, 2026
August 31, 2026
</div>
</div>
<div class="section">
<p>We are happy to invite you to the wedding of Stefan and Mariia! Join us in celebrating this special day with love, joy, and wonderful memories.</p>
<p>We are happy to invite you to our wedding of Stefan and Mariia!</p>
<p>Join us in celebrating this special day with love, joy, and wonderful memories.</p>
<p>We look forward to seeing you there!</p>
</div>
@@ -326,7 +350,7 @@ btn.addEventListener("click", async () => {
<p>
<strong>Ceremony:</strong>
August 15, 2026, at 14:00
August 31, 2026, at 14:00
</p>
@@ -342,7 +366,7 @@ btn.addEventListener("click", async () => {
<div class="section map">
<h2>📍 Location</h2>
<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>
<iframe src="https://www.google.com/maps?q=Russische+Orthodoxe+Kirche+Auferstehungs-Gemeinde+Dachau+M%C3%BCnchen&hl=en&z=19&output=embed" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
@@ -376,7 +400,7 @@ btn.addEventListener("click", async () => {
second: "s"
};
var countDownDate = new Date("2026-08-15 14:00").getTime();
var countDownDate = new Date("2026-08-31 14:00").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
@@ -421,7 +445,7 @@ btn.addEventListener("click", async () => {
<script src="/js/coder.min.6ae284be93d2d19dad1f02b0039508d9aab3180a12a06dcc71b0b0ef7825a317.js" integrity="sha256-auKEvpPS0Z2tHwKwA5UI2aqzGAoSoG3McbCw73gloxc="></script>
<script src="/js/coder.js"></script>