diff --git a/index.html b/index.html index 2c485f91a..453361e6b 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,9 @@ - + - Will you be my Valentine? + Будешь моей валентинкой? @@ -22,11 +22,14 @@ body { margin: 0; min-height: 100svh; - display: grid; - place-items: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; background: radial-gradient(circle at top, var(--bg2), var(--bg1)); font-family: system-ui, sans-serif; - overflow: hidden; + overflow-y: auto; /* ← Разрешаем скролл вниз */ + overflow-x: hidden; padding: 16px; } @@ -108,6 +111,7 @@ .result { display: none; margin-top: 18px; + margin-bottom: 40px; /* ← Отступ снизу, чтобы текст не прилипал */ animation: pop .35s ease; } @@ -118,6 +122,8 @@ .fireworks { width: min(380px, 90vw); + max-width: 100%; /* ← Чтобы видео не вылезало за экран */ + height: auto; margin: 0 auto; display: block; } @@ -171,23 +177,32 @@ fill="#ff7aa2"/> -

nirali will you be my valentine?

+

Алисочка, будешь моей валентинкой? ❤️

- - + +
-
“No” seems a bit shy 😈
+
«Нет» стесняется, да? 😏
-

YAY! 🎉

- Fireworks +

УРА! (Изи, я и не сомневался) 🎉

+ +

+ От Ромы 💌 14.02.2026 +

@@ -292,14 +307,17 @@

YAY! 🎉

/* ---------- YES CLICK ---------- */ yesBtn.addEventListener("click", () => { zone.style.display = "none"; - hint.style.display = "none"; // HIDE THE HINT + hint.style.display = "none"; result.style.display = "block"; resizeConfettiCanvas(); fullScreenConfetti(); + + // Запускаем видео после клика (важно для Safari) + const video = document.querySelector('.fireworks'); + if (video) { + video.play().catch(() => {}); // Игнорируем ошибку, если autoplay заблокирован + } }); - - -