Minimalist Pastel Blue
The Wedding Of
Astrid
& Willy
Kepada Yth.
Bapak/Ibu/Saudara/i
Tamu Undangan
WEDDING
Event
12
2x
Acara Resepsi
-
Minggu, 12 Desember 202x -
09.00 WIB s.d Selesai -
Jl. Lorem Ipsum No. 21 Indonesia
12
2x
Our Moments
I would cross a thousand lifetimes to find you, and I’ll gladly spend another thousand loving you.
RSVP
Di antara tanda-tanda (kebesaran)-Nya ialah bahwa Dia menciptakan pasangan-pasangan untukmu dari (jenis) dirimu sendiri agar kamu merasa tenteram kepadanya. Dia menjadikan di antaramu rasa cinta dan kasih sayang. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.
( Q.S. Ar-Rum : 21)
Tekan tombol dibawah ini
untuk mengirim ucapan dan
konfirmasi kehadiran
Wedding Gift
Terima kasih telah mengisi kebahagiaan dan kegembiraan di pernikahan kami dengan kehadiran dan hadiah indah Anda.
1234567890
astrid ashma subrata
Kirim Kado
Astrid Ashma Subrata
Hp. 08123456789
Jalan Raya Nyucruk Galur No. 35 Kota Bogor
// Style awal - kedua konten HIDE if (kontenRekening) { kontenRekening.style.transition = "none"; kontenRekening.style.opacity = "0"; kontenRekening.style.visibility = "hidden"; kontenRekening.style.position = "absolute"; kontenRekening.style.width = "100%"; kontenRekening.style.left = "0"; kontenRekening.style.pointerEvents = "none"; }
if (kontenAlamat) { kontenAlamat.style.transition = "none"; kontenAlamat.style.opacity = "0"; kontenAlamat.style.visibility = "hidden"; kontenAlamat.style.position = "absolute"; kontenAlamat.style.width = "100%"; kontenAlamat.style.left = "0"; kontenAlamat.style.pointerEvents = "none"; }
// Fungsi untuk tombol No. Rekening (toggle show/hide) if (btnRekening) { btnRekening.onclick = function (e) { e.preventDefault();
// Cek apakah konten rekening sedang HIDE if (kontenRekening.style.opacity === "0") { // Tampilkan konten rekening kontenRekening.style.opacity = "1"; kontenRekening.style.visibility = "visible"; kontenRekening.style.position = "relative"; kontenRekening.style.pointerEvents = "auto";
// Sembunyikan konten alamat (saling eksklusif) kontenAlamat.style.opacity = "0"; kontenAlamat.style.visibility = "hidden"; kontenAlamat.style.position = "absolute"; kontenAlamat.style.pointerEvents = "none"; } else { // Sembunyikan konten rekening kontenRekening.style.opacity = "0"; kontenRekening.style.visibility = "hidden"; kontenRekening.style.position = "absolute"; kontenRekening.style.pointerEvents = "none"; } }; }
// Fungsi untuk tombol Alamat Pengiriman (toggle show/hide) if (btnAlamat) { btnAlamat.onclick = function (e) { e.preventDefault();
// Cek apakah konten alamat sedang HIDE if (kontenAlamat.style.opacity === "0") { // Tampilkan konten alamat kontenAlamat.style.opacity = "1"; kontenAlamat.style.visibility = "visible"; kontenAlamat.style.position = "relative"; kontenAlamat.style.pointerEvents = "auto";
// Sembunyikan konten rekening (saling eksklusif) kontenRekening.style.opacity = "0"; kontenRekening.style.visibility = "hidden"; kontenRekening.style.position = "absolute"; kontenRekening.style.pointerEvents = "none"; } else { // Sembunyikan konten alamat kontenAlamat.style.opacity = "0"; kontenAlamat.style.visibility = "hidden"; kontenAlamat.style.position = "absolute"; kontenAlamat.style.pointerEvents = "none"; } }; } });
Terima Kasih
Merupakan suatu kebahagiaan dan kehormatan bagi kami, apabila Bapak/Ibu/Saudara/i, berkenan hadir dan memberikan do’a restu kepada kami.
Kami yang berbahagia,
Astrid & Willy
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Copyright © 2026, INVeet by Kurniainvitation
– All Rights Reserved –
if (urlParams.has('to')) { var toValue = urlParams.get('to'); newText = newText.replace(/Tamu Undangan/g, toValue); }
if (urlParams.has('dear')) { var dearValue = urlParams.get('dear'); newText = newText.replace(/Tamu Undangan/g, dearValue); }
if (urlParams.has('kepada')) { var kepadaValue = urlParams.get('kepada'); newText = newText.replace(/Tamu Undangan/g, kepadaValue); }
textElement.innerHTML = newText; }
const windowHeight = window.innerHeight; const elementVisible = 150;
elements.forEach(el => { const elementTop = el.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) { el.classList.add("active"); } else { el.classList.remove("active"); // bisa balik lagi saat keluar viewport } }); } window.addEventListener("scroll", revealElements); window.addEventListener("load", revealElements); // trigger saat pertama load
/* ========================= BASE STYLE ========================= */ .fade-in, .muncul-atas, .muncul-bawah, .muncul-kiri, .muncul-kanan, .zoom-in, .zoom-out, .fade-in2, .muncul-atas2, .muncul-bawah2, .muncul-kiri2, .muncul-kanan2, .zoom-in2, .zoom-out2 { opacity: 0; transition: all 2s ease; }/* Delay versi 2 */ .fade-in2, .muncul-atas2, .muncul-bawah2, .muncul-kiri2, .muncul-kanan2, .zoom-in2, .zoom-out2 { transition-delay: 0.1s; }
/* ========================= FADE ========================= */ .fade-in, .fade-in2 { transform: scale(0.95); }
.fade-in.active, .fade-in2.active { opacity: 1; transform: scale(1); }
/* ========================= MUNCUL ATAS ========================= */ .muncul-atas, .muncul-atas2 { transform: translateY(-80px); }
.muncul-atas.active, .muncul-atas2.active { opacity: 1; transform: translateY(0); }
/* ========================= MUNCUL BAWAH ========================= */ .muncul-bawah, .muncul-bawah2 { transform: translateY(80px); }
.muncul-bawah.active, .muncul-bawah2.active { opacity: 1; transform: translateY(0); }
/* ========================= MUNCUL KIRI ========================= */ .muncul-kiri, .muncul-kiri2 { transform: translateX(-100px); }
.muncul-kiri.active, .muncul-kiri2.active { opacity: 1; transform: translateX(0); }
/* ========================= MUNCUL KANAN ========================= */ .muncul-kanan, .muncul-kanan2 { transform: translateX(100px); }
.muncul-kanan.active, .muncul-kanan2.active { opacity: 1; transform: translateX(0); }
/* ========================= ZOOM IN ========================= */ .zoom-in, .zoom-in2 { transform: scale(0.6); }
.zoom-in.active, .zoom-in2.active { opacity: 1; transform: scale(1); }
/* ========================= ZOOM OUT ========================= */ .zoom-out, .zoom-out2 { transform: scale(1.3); }
.zoom-out.active, .zoom-out2.active { opacity: 1; transform: scale(1); }
/* ========================= MODE LAMBAT ========================= */ .lambat { transition-duration: 3.5s !important; }
/* Kalau mau lebih dramatis lagi (opsional) */ .lambat.fade-in, .lambat.fade-in2, .lambat.zoom-in, .lambat.zoom-in2, .lambat.zoom-out, .lambat.zoom-out2 { transition-duration: 4s !important; }
var isSectionLocked = true; // Menyimpan status kunci tampilan section
// Mengunci tampilan section pertama saat halaman dimuat window.addEventListener('DOMContentLoaded', function() { lockSection(); });
// Fungsi untuk mengunci tampilan section function lockSection() { if (isSectionLocked) { disableScrolling(); document.body.style.position = "fixed"; document.body.style.overflowY = "scroll"; document.body.style.height = "100vh"; document.getElementById("section-cover").style.width = "100vw"; // Menambahkan gaya untuk membuat cover full width } }
// Fungsi untuk membuka tampilan section function unlockSection() { enableScrolling(); document.body.style.position = ""; document.body.style.overflowY = ""; document.getElementById("section-cover").style.width = ""; // Menghapus gaya untuk mengembalikan lebar cover ke nilai aslinya document.getElementById("tombol-buka").style.display = "none"; // Menyembunyikan tombol "tombol-buka" }
document.getElementById("tombol-buka").onclick = function() { unlockSection(); playAudio(); };
function disableScrolling() { var x = window.scrollX; var y = window.scrollY; window.onscroll = function() { window.scrollTo(x, y); }; }
function enableScrolling() { window.onscroll = null; }
function playAudio(){ var isYT = false; if(document.body.contains(document.getElementById("song"))) { document.getElementById("song").play(); isYT = false; } else { isYT = true; player.playVideo(); } }























