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/ru/marriage/index.html
Regular → Executable
+55 -31
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">
@@ -11,7 +11,8 @@
<meta name="author" content="Маркин Степан">
<meta name="description" content="С радостью приглашаем вас на свадьбу Стефана и Мариии! Присоединяйтесь к нам, чтобы отпраздновать этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями.
<meta name="description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
Мы приглашаем вас разделить с нами этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями!
С нетерпением ждем встречи с вами!">
<meta name="keywords" content="blog,desenvolvedor,pessoal">
@@ -19,13 +20,15 @@
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Свадьба Стефана и Марии">
<meta name="twitter:description" content="С радостью приглашаем вас на свадьбу Стефана и Мариии! Присоединяйтесь к нам, чтобы отпраздновать этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями.
<meta name="twitter:description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
Мы приглашаем вас разделить с нами этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями!
С нетерпением ждем встречи с вами!">
<meta property="og:url" content="http://markinstefan.xyz/ru/marriage/">
<meta property="og:url" content="http://localhost:1313/ru/marriage/">
<meta property="og:site_name" content="Маркин Степан">
<meta property="og:title" content="Свадьба Стефана и Марии">
<meta property="og:description" content="С радостью приглашаем вас на свадьбу Стефана и Мариии! Присоединяйтесь к нам, чтобы отпраздновать этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями.
<meta property="og:description" content="С радостью приглашаем вас на свадьбу Стефана и Марии!
Мы приглашаем вас разделить с нами этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями!
С нетерпением ждем встречи с вами!">
<meta property="og:locale" content="ru">
<meta property="og:type" content="article">
@@ -33,7 +36,7 @@
<link rel="canonical" href="http://markinstefan.xyz/ru/marriage/">
<link rel="canonical" href="http://localhost:1313/ru/marriage/">
<link rel="preload" href="/fonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
@@ -43,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">
@@ -53,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">
@@ -102,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>
@@ -161,14 +164,23 @@
<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 @@
.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 @@
.music-fab {
position: fixed;
bottom: 20px;
left: 20px;
left: 20px;
z-index: 9999;
}
@@ -264,19 +278,28 @@
</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>Обратный отсчет до нашей свадьбы</h3>
<h3>До нашей свадьбы осталось:</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>Свадьба Стефана и Марии</h1>
<div class="date">
15 августа 2026 г.
31 августа 2026 г.
</div>
</div>
<div class="section">
<p>С радостью приглашаем вас на свадьбу Стефана и Мариии! Присоединяйтесь к нам, чтобы отпраздновать этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями.</p>
<p>С радостью приглашаем вас на свадьбу Стефана и Марии!</p>
<p>Мы приглашаем вас разделить с нами этот особенный день, наполненный любовью, радостью и незабываемыми воспоминаниями!</p>
<p>С нетерпением ждем встречи с вами!</p>
</div>
@@ -326,12 +350,12 @@ btn.addEventListener("click", async () => {
<p>
<strong>Церемония:</strong>
15 августа 2026 г., в 14:00
31 августа 2026 г., в 14:00
</p>
<p><strong>Прием:</strong> 17:00</p>
<p><strong>Начало:</strong> 17:00</p>
<p><strong>Место:</strong> Мюнхен, Германия</p>
@@ -342,7 +366,7 @@ btn.addEventListener("click", async () => {
<div class="section map">
<h2>📍 Место</h2>
<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>
<iframe src="https://www.google.com/maps?q=Russische+Orthodoxe+Kirche+Auferstehungs-Gemeinde+Dachau+M%C3%BCnchen&hl=ru&z=19&output=embed" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
@@ -363,7 +387,7 @@ btn.addEventListener("click", async () => {
<div class="footer">
<p>Мы с нетерпением ждем встречи с вами ❤️</p>
<p>❤️ Мы с нетерпением ждем встречи с вами ❤️</p>
</div>
</div>
@@ -372,11 +396,11 @@ btn.addEventListener("click", async () => {
var labels = {
day: "Д.",
hour: "ч.",
minute: "м",
second: "c"
minute: "м.",
second: "c."
};
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>