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/de/marriage/index.html
Regular → Executable
+51 -27
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="de">
<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="Wir freuen uns, Sie zur Hochzeit von Stefan und Mariia einzuladen! Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen.
<meta name="description" content="Wir freuen uns, Euch zu unserer Hochzeit von Stefan und Mariia einzuladen!
Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen!
Wir freuen uns darauf, Sie dort zu sehen!">
<meta name="keywords" content="blog,desenvolvedor,pessoal">
@@ -19,13 +20,15 @@ Wir freuen uns darauf, Sie dort zu sehen!">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hochzeit von Stefan und Mariia">
<meta name="twitter:description" content="Wir freuen uns, Sie zur Hochzeit von Stefan und Mariia einzuladen! Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen.
<meta name="twitter:description" content="Wir freuen uns, Euch zu unserer Hochzeit von Stefan und Mariia einzuladen!
Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen!
Wir freuen uns darauf, Sie dort zu sehen!">
<meta property="og:url" content="http://markinstefan.xyz/de/marriage/">
<meta property="og:url" content="http://localhost:1313/de/marriage/">
<meta property="og:site_name" content="Markin Stefan">
<meta property="og:title" content="Hochzeit von Stefan und Mariia">
<meta property="og:description" content="Wir freuen uns, Sie zur Hochzeit von Stefan und Mariia einzuladen! Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen.
<meta property="og:description" content="Wir freuen uns, Euch zu unserer Hochzeit von Stefan und Mariia einzuladen!
Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen!
Wir freuen uns darauf, Sie dort zu sehen!">
<meta property="og:locale" content="de">
<meta property="og:type" content="article">
@@ -33,7 +36,7 @@ Wir freuen uns darauf, Sie dort zu sehen!">
<link rel="canonical" href="http://markinstefan.xyz/de/marriage/">
<link rel="canonical" href="http://localhost:1313/de/marriage/">
<link rel="preload" href="/fonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
@@ -43,7 +46,7 @@ Wir freuen uns darauf, Sie dort zu sehen!">
<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 @@ Wir freuen uns darauf, Sie dort zu sehen!">
<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 @@ Wir freuen uns darauf, Sie dort zu sehen!">
<nav class="navigation">
<section class="container">
<a class="navigation-title" href="http://markinstefan.xyz/de/">
<a class="navigation-title" href="http://localhost:1313/de/">
Markin Stefan
</a>
@@ -161,14 +164,23 @@ Wir freuen uns darauf, Sie dort zu sehen!">
<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 @@ Wir freuen uns darauf, Sie dort zu sehen!">
.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 @@ Wir freuen uns darauf, Sie dort zu sehen!">
.music-fab {
position: fixed;
bottom: 20px;
left: 20px;
left: 20px;
z-index: 9999;
}
@@ -264,19 +278,28 @@ Wir freuen uns darauf, Sie dort zu sehen!">
</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 zu unserer Hochzeit</h3>
<h3>Countdown zu unserer Hochzeit:</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>Hochzeit von Stefan und Mariia</h1>
<div class="date">
15. August 2026
31. August 2026
</div>
</div>
<div class="section">
<p>Wir freuen uns, Sie zur Hochzeit von Stefan und Mariia einzuladen! Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen.</p>
<p>Wir freuen uns, Euch zu unserer Hochzeit von Stefan und Mariia einzuladen!</p>
<p>Feiern Sie mit uns diesen besonderen Tag voller Liebe, Freude und wundervoller Erinnerungen!</p>
<p>Wir freuen uns darauf, Sie dort zu sehen!</p>
</div>
@@ -326,7 +350,7 @@ btn.addEventListener("click", async () => {
<p>
<strong>Zeremonie:</strong>
15. August 2026, um 14:00
31. August 2026, um 14:00
</p>
@@ -342,7 +366,7 @@ btn.addEventListener("click", async () => {
<div class="section map">
<h2>📍 Ort</h2>
<iframe src="https://maps.google.com/?q=Munich,+Germany&hl=de&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=de&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>