The Wedding Of
Yosi & Bastiar
Minggu, 07 Juni 2026
The Wedding Of
Yosi & Bastiar
Minggu, 07 Juni 2026
Kepada Yth. Bapak/Ibu/Saudara/i:
Tamu Undangan
Assalamu'alaikum Wr. Wb.
Dengan memohon Rahmat & Ridho Allah SWT, Kami mengundang Bapak/Ibu/Saudara/i untuk hadir pada pernikahan kami:
Yosi Fadilah
Putri Pertama dari
Bapak Syukur & Ibu Kholipah
Bastiar
Putra Kelima dari
Bapak Abdul Kadir & Ibu Solidah
OUR SPECIAL
Wedding Event
- 00Days
- 00Hours
- 00Minutes
- 00Seconds
- Minggu, 07 Juni 2026
- 08.00 WIB - Selesai
- Kediaman Mempelai Wanita
Kel. Tuatunu RT.01 RW.01 Depan Masjid Al Mukarrom Kec. Gerunggang - Pangkalpinang
- Minggu, 07 Juni 2026
- 08.00 WIB - Selesai
- Kediaman Mempelai Wanita
Kel. Tuatunu RT.01 RW.01 Depan Masjid Al Mukarrom Kec. Gerunggang - Pangkalpinang
Berikan Doa & Ucapan
Untuk Kedua Mempelai
Merupakan suatu kehormatan dan kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai
Wassalamu'alaikum Wr. Wb.
Kami yang berbahagia:
Kel. Bapak Syukur & Ibu Kholipah
Kel. Bapak Abdul Kadir & Ibu Solidah
Yosi & Bastiar
//Script Custom Nama Tamu by Andy dari WeddingPress
var urlParams = new URLSearchParams(window.location.search);
if (urlParams) {
var textElement = document.getElementById('namatamu');
var defaultText = textElement.innerHTML;
var newText = defaultText;
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;
}
// Ambil elemen audio dengan ID "song"
const audioElement = document.getElementById("song");
// Event listener untuk visibility change
document.addEventListener("visibilitychange", () => {
if (document.visibilityState === "hidden") {
// Pause audio jika tab berpindah
if (audioElement && !audioElement.paused) {
audioElement.pause();
}
// Pause video YouTube jika tab berpindah
if (typeof player !== "undefined" && player.getPlayerState) {
if (player.getPlayerState() === YT.PlayerState.PLAYING || player.getPlayerState() === YT.PlayerState.BUFFERING) {
player.pauseVideo();
}
}
} else if (document.visibilityState === "visible") {
// Play audio jika tab kembali aktif
if (audioElement && audioElement.paused) {
audioElement.play().catch((err) => {
console.warn("Error saat mencoba memutar audio:", err);
});
}
// Play video YouTube jika tab kembali aktif
if (typeof player !== "undefined" && player.getPlayerState) {
if (player.getPlayerState() !== YT.PlayerState.PLAYING) {
player.playVideo();
}
}
}
});
// Memastikan audio langsung diputar saat halaman dimuat
window.addEventListener("load", () => {
if (audioElement) {
audioElement.play().catch((err) => {
console.warn("Error saat mencoba memutar audio saat halaman dimuat:", err);
});
}
});
function revealElements(selector) {
var elements = document.querySelectorAll(selector);
var windowHeight = window.innerHeight;
var elementVisible = 150;
elements.forEach(function(element) {
var elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
element.classList.add("active");
} else {
element.classList.remove("active");
}
});
}
window.addEventListener("scroll", function() {
revealElements(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.muncul {
position: relative;
transform: translateY(6rem) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul.active {
transform: translateY(0);
opacity: 1;
}
.muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
.muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease; /* Durasi muncul tanpa delay */
}
.muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
.zoom {
position: relative;
transform: scale(0.5);
opacity: 0;
transition: opacity 0.5s ease, transform 1.5s ease; /* Durasi muncul tanpa delay */
}
.zoom.active {
transform: scale(1);
opacity: 1;
}
//* script show-hide by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function () {
var btnAmplop = document.getElementById("btnAmplop");
var btnHide = document.getElementById("btn-hide");
var amplop = document.getElementById("amplop");
// Sembunyikan btn-hide dan amplop saat halaman dimuat
btnHide.style.display = "none";
amplop.style.display = "none";
// Fungsi untuk menampilkan btn-hide dan amplop saat btnAmplop diklik
btnAmplop.onclick = function () {
// Menampilkan btn-hide
btnHide.style.display = "block";
// Menyembunyikan btnAmplop
btnAmplop.style.display = "none";
// Menampilkan section amplop
amplop.style.display = "block";
};
// Fungsi untuk menampilkan btnAmplop kembali dan menyembunyikan btn-hide saat btn-hide diklik
btnHide.onclick = function () {
// Menyembunyikan btn-hide
btnHide.style.display = "none";
// Menampilkan btnAmplop kembali
btnAmplop.style.display = "block";
// Menyembunyikan section amplop
amplop.style.display = "none";
};
});