Undangan
The Wedding Of Sobari & Marni
You're invited to the wedding of
The Wedding Of
Sobari & Marni
Kepada YTH Bapak/Ibu/Saudara/i
Tamu Undangan
Tanpa Mengurangi Rasa Hormat, Kami Mengundang Anda Untuk Hadir Di Acara Pernikahan Kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Sobari & Marni
Sabtu, 06 Desember 2025
- 00Hari
- 00Jam
- 00Menit
- 00Detik
“Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang. Sungguh, pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.”
{ QS. Ar-Rum : 21 }
Assalamu’alaikum Wr. Wb.
Dengan Memohon Rahmat Dan Ridho Dari Allah SWT. Kami Bermaksud Menyelenggarakan Syukuran Pernikahan Putra Putri Kami
Sobari Baruna
Putra Pertama Dari :
Bapak Ilyas
& Ibu Iis
&
Marni
Putri Ketujuh Dari :
Bapak Ojang (Alm)
& Ibu Olis
Insya Allah Acara Akan Dilaksanakan Pada :
Akad Nikah
- Sabtu, 06 Desember 2025
- Pukul : 09.00 WIB - Selesai
Resepsi
- Sabtu, 06 Desember 2025
- Pukul : 10.00 WIB - Selesai
Di Kediaman Mempelai Wanita
Kp. Nyenang RT. 005 RW. 001 Desa Kalaparea Kec. Nagrak Kab. Sukabumi
Wedding Gallery
Love Story
Kami dipertemukan sebagai rekan kerja dalam satu perusahaan dan saling mengenal ,hingga akhirnya kami berdua menjalin suatu hubungan untuk mengenal satu sama lain dan saling berkomitmen
Kami dipertemukan untuk pertama kalinya dalam suatu pertemuan keluarga dimana untuk mengikat suatu hubungan yang kami jalani untuk menuju kejenjang yang lebih serius
Kami memutuskan untuk saling berkomitmen hingga akhirnya menikah dan saling menerima kekurangan satu sama lain sebagai sepasang suami istri
Turut Mengundang:
Pihak Mempelai Wanita:
Bpk Roni (kaka)
Bpk Samin (kaka Ipar)
Bpk Nanang (kaka Ipar)
Bpk Galih (kaka Ipar)
Bpk Ruli (kaka Ipar)
Bpk Yahman (uwa)
Bpk Sudin (aki)
Bpk Rahmat (uwa)
Ustadz Ubedilah (tokoh Ulama)
Ibu Milah (RT)
Pihak Mempelai Pria:
Keluarga Besar Bpk Icin (alm)
Keluarga Besar Bpk Micang (alm)
Bpk Naip (adik)
Bpk Iing (RT)
Bpk Agus (RW)
Bpk Amil Safruloh
Wedding Gift
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami.
Dan jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Anda Juga Bisa Mengirim Kado Fisik Ke Alamat Berikut
Kp. Nyenang RT. 005 RW. 001 Desa Kalaparea Kec. Nagrak Kab. Sukabumi
Salin Alamat
Tiada Yang Dapat Kami Ungkapkan Selain Rasa Terimakasih Dari Hati Yang Tulus Apabila Bapak/ Ibu/ Saudara/i Berkenan Hadir Untuk Memberikan Do’a Restu Kepada Kami
Wassalamu’alaikum Wr. Wb.
Sobari & Marni
Sabtu, 06 Desember 2025
Berikan Ucapan Spesial Anda Disini :
Semoga Pernikahannya Barokah dan menjadi keluarga yang Sakinah Mawaddah Warrohmah
Amiiin
Created By:
Septian & Tira
WEDDING INVITATION
We invited you to celebrate our wedding
Tira & Septian
Sabtu, 29 November 2025
Kpd Bpk/Ibu/Saudara/i
Tamu Undangan
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Assalamu'alaikum Warahmatullahi Wabarakatuh
Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i,
serta kerabat sekalian, untuk menghadiri acara pernikahan kami:
Tira Agustin
Putri dari Kel. Bapak Tatang & Ibu Susilawati
Cigending Rt.02/Rw.10 Kel.Pasirwangi Kec. Ujung Berung, Kota bandung
Septian Rizki
Putra dari Kel. Bapak Imat Supriatna & Ibu Iis Kurnia
Kp. Pasir luhur Rt.002/Rw.011, Kel. Cipanjalu Kec. Cilengkrang , Kab. Bandung
Our Moment
Wedding Gallery
" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "
- Q.S. Ar-Rum: 21 -
Akad Nikah
Minggu, 07 September 2025
Pukul : 09.00 WIB
Cigending Rt.002/Rw.010 Kel.Pasirwangi Kec. Ujung Berung, Kota bandung
Acara Resepsi
Sabtu, 29 November 2025
Pukul : 10.00 WIB s/d selesai
Jl. Nagrog Rt.001/Rw.010, Kel. Pasirjati Kec. Ujung Berung, Kota Bandung (Baiturahman)
Hiburan :
29 November 2025 (Dangdut Bajidor N23R)
30 November 2025 (Seni Benjang Mekar Budaya)
29 November 2025 (Dangdut Bajidor N23R)
30 November 2025 (Seni Benjang Mekar Budaya)
Beri Doa & Ucapan Terbaikmu
Untuk Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
Hope to see you soon, Stay safe and healthy!
Hadiah
Pernikahan
Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.
Kirim Kado: Tira Agustin & Septian Rizki
TERIMA KASIH
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Tira & Septian
Keluarga Besar
Mempelai Wanita
Kel. Bapak Tatang & Ibu Susilawati
Keluarga Besar
Mempelai Pria
Kel. Bapak Imat Supriatna & Ibu Iis Kurnia
Turut Mengundang Keluarga Mempelai Wanita :
- Bapak Edi (Alm)
- Bapak Enjang Nurjaman
- Bapak Tovan Agustian
- Bapak Yadi
- Ibu Eka Apriyani
- Ibu Atih Artisah
- Ibu Susanti
- Ketua Rw 10 (Asep Tatang)
Turut Mengundang Keluarga Mempelai Pria:
- Kel Besar Bapak Karna (Alm)
- Kel Besar Bapak Aman Anang (Alm)
- Kel Bapak Ujang Kurnia
- Kel Bapak Cici Suhendi
- Ibu Rika Kartika
- Kel Bapak Aep
- Kel Ibu Sri Supartini
- Kel Bapak Une Bongkor
Wassalamu'alaikum Warahmatullahi Wabarakatuh
085641402877
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
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();
}
}
//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;
}
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(".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out");
});
/* Fade In */
.wdpal-fade-in {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.wdpal-fade-in.active {
opacity: 1;
}
/* Muncul Atas */
.wdpal-muncul-atas {
transform: translateY(100%);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-muncul-atas.active {
transform: translateY(0);
opacity: 1;
}
/* Muncul Bawah */
.wdpal-muncul-bawah {
transform: translateY(-100%);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-muncul-bawah.active {
transform: translateY(0);
opacity: 1;
}
/* Muncul Kiri */
.wdpal-muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease;
}
.wdpal-muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
/* Muncul Kanan */
.wdpal-muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease;
}
.wdpal-muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
/* Rotate In */
.wdpal-rotate-in {
transform: rotate(-180deg);
opacity: 0;
transition: transform 1s ease-out, opacity 1s ease-out;
}
.wdpal-rotate-in.active {
transform: rotate(0deg);
opacity: 1;
}
/* Flip X */
.wdpal-flip-x {
transform: rotateX(90deg);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-flip-x.active {
transform: rotateX(0deg);
opacity: 1;
}
/* Flip Y */
.wdpal-flip-y {
transform: rotateY(90deg);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-flip-y.active {
transform: rotateY(0deg);
opacity: 1;
}
/* Zoom In */
.wdpal-zoom-in {
transform: scale(0.5);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-zoom-in.active {
transform: scale(1);
opacity: 1;
}
/* Zoom Out */
.wdpal-zoom-out {
transform: scale(1.5);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-zoom-out.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";
};
});
The Wedding Of Siti & Hendri
The Wedding Of
Siti & Hendri
Dengan segala hormat
Kami mengundang bapak ibu untuk hadir, dan menjadi bagian dari hari istimewa kami
Sabtu 22 November 2025
Day(s)
Hour(s)
Minute(s)
Second(s)
Kami yang Berbahagia
Assalamu`alaikum Warahmatullaahi Wabarakaatuh
Maha Suci Allah yang telah menciptakan makhluk-Nya berpasang-pasangan.
Ya Allah semoga ridho-Mu tercurah mengiringi pernikahan kami
Siti Rahma noviyanti
Putri ke 1 dari :
Bpk. Daryo susanto & Ibu. Sri Badriyah
Perumahan Taman Flamboyan indah Blok D 3 no 12 RT 025 RW 014 Desa Buni Bakti kec. Babelan - Kab. Bekasi
&
Hendri Agung Santoso
Putra ke 1 dari
Bpk. Ma' ruf syamsudin & Ibu. Umi Kulsum
Pup sektor V Blok B1 Kel/Desa: Bahagia kec.Babelan
Save The Date
QS. Ar-Rum Ayat 21
وَمِنْ اٰيٰتِهٖٓ اَنْ خَلَقَ لَكُمْ مِّنْ اَنْفُسِكُمْ اَزْوَاجًا لِّتَسْكُنُوْٓا اِلَيْهَا وَجَعَلَ بَيْنَكُمْ مَّوَدَّةً وَّرَحْمَةً ۗاِنَّ فِيْ ذٰلِكَ لَاٰيٰتٍ لِّقَوْمٍ يَّتَفَكَّرُوْنَ
Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang. Sungguh, pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.
Day(s)
Hour(s)
Minute(s)
Second(s)
Akad Nikah
Sabtu
0
November
2025
Pukul 10.00 WIB - Selesai
Bertempat Dikediaman Mempelai Wanita :
Perumahan Taman Flamboyan indah Blok D 3 no 12 RT 025 RW 014 Desa Buni Bakti kec. Babelan - Kab. Bekasi
Resepsi
Sabtu
0
November
2025
Pukul 12.00 WIB - Selesai
Bertempat Dikediaman Mempelai Wanita :
Perumahan Taman Flamboyan indah Blok D 3 no 12 RT 025 RW 014 Desa Buni Bakti kec. Babelan - Kab. Bekasi
Turut Mengundang
1.Ibu eka Wati Ningsih( adik ipar)
2.Dewi sundiah( KK kandung)
3.Bpk.uwin sekeluarga( Adik ipar)
4.Bpk .Suryadi( RT 09)Jl.Melati tj Priuk
5.Bpk.lili(RT 025 ) Flamboyan
6.Bpk.Amsar( RT 026) Flamboyan
7.Bpk.Al Basri( RW 014) Flamboyan
8.Bpk.Fachrurozi( Ketua DKM Babusallam)
9. Bpk . Ustadz Tofik ( Flamboyan)
Wedding Gift
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami.
Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Kirim Hadiah
Kirim kado fisik ke alamat berikut
Perumahan Taman Flamboyan indah Blok D 3 no 12 RT 025 RW 014 Desa Buni Bakti kec. Babelan - Kab. Bekasi
Salin Alamat
Guestbook
Leave your wishes for us..
Akhir Kata
Atas kehadiran dan do’a restu dari
Bapak/Ibu/Saudara/i sekalian, kami mengucapkan Terima Kasih.
Wassalamualaikum Wr. Wb.
Kami yang berbahagia
Siti & Hendri
Created ♥ by
Expresibebas
Klik Logo Untuk Info
The Wedding
Siti & Hendri
Kepada Bapak/Ibu/Saudara/i
Tamu Undangan
Tanpa Mengurangi Rasa Hormat, Kami Mengundang Anda Untuk Hadir Di Acara Pernikahan Kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Ningsih & Suprat
The Wedding
Ningsih &
Suprat
27.11.2025
"Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang
Ar- Rum 21
Ningsih
&
Wedding
Event
Akad Nikah
Kamis
0
November 2025
Pukul : 09.00 WIB - Selesai
Bertempat Di
Kediaman Mempelai Wanita
Desa Bandarjaya dsn II Kec. Teramang Jaya Kab. Mukomuko
Kamis
0
November 2025
Pukul : 10.00 WIB - Selesai
Bertempat Di
Kediaman Mempelai Wanita
Desa Bandarjaya dsn II Kec. Teramang Jaya Kab. Mukomuko
Resepsi
Event Countdown
Days
Hours
Minutes
Seconds
RSVP & Ucapan
Berikan Doa / Ucapan Terbaik Anda Kepada Kedua Mempelai
Amplop Digital
Jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Kirim Kado Ke Alamat Berikut
Penerima NURLELA
Penerima NURLELA
Desa Bandarjaya dsn II Kec. Teramang Jaya Kab. Mukomuko
Salin Alamat
Thank You
Lela & Ladi
The Wedding Of
Lela & Ladi
Dear To
Tamu Undangan
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Semoga pernikahannya Barokah dan menjadi keluarga yang Sakinah, Mawaddah, Warrahmah.
Aamiin
Created By :
Designed with by :
Noise Studio
Lia & Adi
Lia & Adi
Kami akan menikah,
dan kami ingin Anda menjadi bagian dari hari istimewa kami!
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Jum'at, 23 Oktober 2026
The Wedding Of
Lia & Adi
Jum'at, 23 Oktober 2026
Kpd Bpk/Ibu/Saudara/i
Tamu Undangan
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Assalamualaikum Wr. Wb.
Untuk mengikuti Sunnah Rasul-Mu dalam rangka membentuk keluarga yang sakinah, mawaddah, warahmah.
Maka ijinkanlah kami menikahkannya. Ya Allah perkenankan kami merangkaikan kasih sayang yang kau ciptakan diantara putra-putri kami.
Liya Romayatul
Putri dari Kel. Bapak Aspari Subroto & Ibu Sumaiyah
Moch. Adi Yusuf
Putra dari Kel. Bapak Zainul Rifai & Ibu Sri Astutik
Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta'ala, Kami mengundang Bapak/Ibu/Saudara/i, untuk menghadiri Resepsi Pernikahan kami. yang Insya Allah akan dilaksanakan pada :
Akad Nikah
- Kamis, 22 Oktober 2026
- Pukul 08.00 WIB
-
Kediaman Mempelai Wanita
Dusun Weru RT 2 RW 4, Desa Deket Kulon, Kec. Deket, Kab. Lamongan
Acara Resepsi
- Jum'at, 23 Oktober 2026
- Siang - Malam
- Dusun Dinoyo RT 15 RW 3, Desa Dinoyo, Kec. Deket, Kab. Lamongan (Keluarga Besar Bpk Mansur & Ibu Sri Astutik)
Wishes
Berikan ucapan terbaik
untuk kedua mempelai
Kirim Hadiah
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Kirim Kado: Liya Romayatul
Dusun Dinoyo RT 15 RW 3, Desa Dinoyo, Kec. Deket, Kab. Lamongan
Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.
Wassalamualaikum Wr. Wb.
Kami Yang Berbahagia,
Keluarga Besar Kedua Mempelai
Lia & Adi
085641402877
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
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();
}
}
/*!
WeddingPress Custom Nama Tamu (WDPCNT)
============================================
Description:
WeddingPress Custom Nama Tamu (WDPCNT) adalah script JavaScript yang digunakan untuk mengganti teks "Tamu Undangan" pada elemen dengan class `namatamu` berdasarkan parameter yang ada di URL.
Script ini mendukung beberapa parameter seperti `to`, `dear`, dan `kepada` untuk menyesuaikan nama penerima undangan.
Author: Andy dari WeddingPress
Website: https://weddingpress.net
Version: 1.1 (2025/03/01)
License: Anda diizinkan menggunakan script ini pada website Anda dan proyek klien. Tidak diperbolehkan menjual, membagikan, menempatkan codenya ditemplate yang dijual atau mendistribusikan ulang tanpa izin.
Copyright: © 2025 WeddingPress. All rights reserved.
Note:
Pastikan untuk teks 'Tamu Undangan' css classesnya sudah terisi: 'namatamu'
*/
(function () {
'use strict';
// =================================================================
// KONFIGURASI ⚙️
// =================================================================
const config = {
selector: '.namatamu',
urlParams: ['to', 'dear', 'kepada'],
defaultText: 'Tamu Undangan'
};
// =================================================================
/**
* Mengambil nama tamu dari URL.
* Dibuat tetap simpel untuk keamanan & keandalan, karena URLSearchParams
* sudah menangani semua decoding (+, %20, dll) sesuai standar.
*/
function getRecipientName(params, keys) {
for (const key of keys) {
const value = params.get(key);
if (value && value.trim()) {
return value.trim();
}
}
return '';
}
/**
* "Membersihkan" string agar aman digunakan di dalam Regular Expression.
* Mencegah error jika placeholder berisi karakter spesial Regex.
*/
function escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}
/**
* Fungsi rekursif untuk mencari dan mengganti konten teks
* tanpa merusak elemen HTML di sekitarnya.
*/
function replaceTextInNode(node, searchValue, replaceValue) {
if (node.nodeType === 1 || node.nodeType === 11) { // Element or Document Fragment
node.childNodes.forEach(child => {
if (child.nodeType === 3) { // Text node
// Gunakan escapeRegExp untuk memastikan searchValue aman.
const safeSearchValue = escapeRegExp(searchValue);
const regex = new RegExp(safeSearchValue, 'gi');
child.textContent = child.textContent.replace(regex, replaceValue);
} else {
replaceTextInNode(child, searchValue, replaceValue);
}
});
}
}
window.addEventListener('DOMContentLoaded', () => {
const params = new URLSearchParams(window.location.search);
const recipient = getRecipientName(params, config.urlParams);
const targets = document.querySelectorAll(config.selector);
if (targets.length === 0) {
console.warn(`WDPCNT: Tidak ditemukan elemen dengan selector '${config.selector}'.`);
return;
}
targets.forEach(element => {
if (recipient) {
replaceTextInNode(element, config.defaultText, recipient);
} else {
if (!element.textContent.trim()) {
element.textContent = config.defaultText;
}
}
});
});
})();
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(".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out");
});
/* Fade In */
.wdpal-fade-in {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.wdpal-fade-in.active {
opacity: 1;
}
/* Muncul Atas */
.wdpal-muncul-atas {
transform: translateY(100%);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-muncul-atas.active {
transform: translateY(0);
opacity: 1;
}
/* Muncul Bawah */
.wdpal-muncul-bawah {
transform: translateY(-100%);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-muncul-bawah.active {
transform: translateY(0);
opacity: 1;
}
/* Muncul Kiri */
.wdpal-muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease;
}
.wdpal-muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
/* Muncul Kanan */
.wdpal-muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease;
}
.wdpal-muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
/* Rotate In */
.wdpal-rotate-in {
transform: rotate(-180deg);
opacity: 0;
transition: transform 1s ease-out, opacity 1s ease-out;
}
.wdpal-rotate-in.active {
transform: rotate(0deg);
opacity: 1;
}
/* Flip X */
.wdpal-flip-x {
transform: rotateX(90deg);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-flip-x.active {
transform: rotateX(0deg);
opacity: 1;
}
/* Flip Y */
.wdpal-flip-y {
transform: rotateY(90deg);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-flip-y.active {
transform: rotateY(0deg);
opacity: 1;
}
/* Zoom In */
.wdpal-zoom-in {
transform: scale(0.5);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-zoom-in.active {
transform: scale(1);
opacity: 1;
}
/* Zoom Out */
.wdpal-zoom-out {
transform: scale(1.5);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-zoom-out.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 sebagai flex
btnHide.style.display = "flex";
// Menyembunyikan btnAmplop
btnAmplop.style.display = "none";
// Menampilkan section amplop sebagai flex
amplop.style.display = "flex";
};
// 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 sebagai block (atau flex)
btnAmplop.style.display = "block"; // atau flex, tergantung tata letak yang diinginkan
// Menyembunyikan section amplop
amplop.style.display = "none";
};
});
Fitri & Bimo
WEDDING INVITATION
We invited you to celebrate our wedding
Fitri & Bimo
Minggu, 28 Desember 2025
Kpd Bpk/Ibu/Saudara/i
Tamu Undangan
Mohon maaf apabila ada kesalahan penulisan nama/gelar
Assalamu'alaikum Warahmatullahi Wabarakatuh
Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i,
serta kerabat sekalian, untuk menghadiri acara pernikahan kami:
Fitri Oktavia
Anak Pertama Dari Alm. Bapak Iif Supendi & Ibu Nining
Dengan
Bimo Ihwal Dani
Anak Ketiga Dari Bapak Suhendro & Ibu Resmiawati
Our Moment
Wedding Gallery
" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir. "
- Q.S. Ar-Rum: 21 -
Akad Nikah
Minggu, 28 Desember 2025
Pukul: 09.00/10.00 WIB
Kp. Panyairan RT/RW 06/04, Desa Bojonggaling, Kec. Bantargadung
Acara Resepsi
Minggu, 28 Desember 2025
Pukul : 10.00 WIB - Selesai
Kp. Panyairan RT/RW 06/04, Desa Bojonggaling, Kec. Bantargadung
Hiburan: Dangdut Full
Beri Doa & Ucapan Terbaikmu
Untuk Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
Hope to see you soon, Stay safe and healthy!
Hadiah
Pernikahan
Kehadiran Anda merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.
Kirim Kado: Fitri Oktavia
TERIMA KASIH
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Fitri & Bimo
Keluarga Besar
Mempelai Wanita
Kel. Alm. Bapak Iif Supendi & Ibu Nining
Keluarga Besar
Mempelai Pria
Kel. Bapak Suhendro & Ibu Resmiawati
Wassalamu'alaikum Warahmatullahi Wabarakatuh
085641402877
window.onbeforeunload = function() {
window.scrollTo(0, 0);
};
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();
}
}
//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;
}
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(".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out");
});
/* Fade In */
.wdpal-fade-in {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.wdpal-fade-in.active {
opacity: 1;
}
/* Muncul Atas */
.wdpal-muncul-atas {
transform: translateY(100%);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-muncul-atas.active {
transform: translateY(0);
opacity: 1;
}
/* Muncul Bawah */
.wdpal-muncul-bawah {
transform: translateY(-100%);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-muncul-bawah.active {
transform: translateY(0);
opacity: 1;
}
/* Muncul Kiri */
.wdpal-muncul-kiri {
position: relative;
transform: translateX(-100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease;
}
.wdpal-muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
/* Muncul Kanan */
.wdpal-muncul-kanan {
position: relative;
transform: translateX(100%) scale(0.93);
opacity: 0;
transition: opacity 0.5s ease, transform 1s ease;
}
.wdpal-muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
/* Rotate In */
.wdpal-rotate-in {
transform: rotate(-180deg);
opacity: 0;
transition: transform 1s ease-out, opacity 1s ease-out;
}
.wdpal-rotate-in.active {
transform: rotate(0deg);
opacity: 1;
}
/* Flip X */
.wdpal-flip-x {
transform: rotateX(90deg);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-flip-x.active {
transform: rotateX(0deg);
opacity: 1;
}
/* Flip Y */
.wdpal-flip-y {
transform: rotateY(90deg);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-flip-y.active {
transform: rotateY(0deg);
opacity: 1;
}
/* Zoom In */
.wdpal-zoom-in {
transform: scale(0.5);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-zoom-in.active {
transform: scale(1);
opacity: 1;
}
/* Zoom Out */
.wdpal-zoom-out {
transform: scale(1.5);
opacity: 0;
transition: transform 1s ease, opacity 1s ease;
}
.wdpal-zoom-out.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";
};
});
The Wedding Nia & Aldy
Our Wedding Invitation
Nia & Aldi
“What counts in making a happy marriage is not so much how compatible you are, but how you deal with incompatibility. A great marriage is not when the perfect couple comes together. It is when an imperfect couple learns to enjoy their differences.”
Kepada Yth. Bapak / Ibu /Saudara/i
Nama Tamu
The Wedding Of
Nia & Aldy
Minggu, 07 Desember 2025
N
A
“ Dan di antara tanda-tanda (kebesaran) -Nya adalah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya "
( Ar-Ruum ayat 21 )
Assalamualaikum Wr. Wb.
Dengan memohon rahmat dan ridho Allah Subhanahu Wa Ta'ala, Kami mengundang Bapak/Ibu/Saudara/i, untuk menghadiri Resepsi Pernikahan kami.
Bride
Deti kurniati S.E
Anak Kedua dari
Bapak M.Azmin Gunadi & Ibu Harni
&
Groom
Aldy Fernandes
Anak Pertama dari
Bapak Endang Gusti & Ibu Herlius Madewi
Akad Nikah
Minggu, 07 Desember 2025
Pukul: 08.00 WIB
Bertempat di
Masjid Nurul Ikhsan Lorong Teratai
Resepsi
Minggu, 07 Desember 2025
Pukul: 10.00 WIB - Selesai
Bertempat di
Kediaman Mempelai Wanita
Jl.A.Yani Lorong Teratai
Our Gallery
Wedding Wish
Our Gift
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi gift
Kirim Kado
Tiada Yang Dapat Kami Ungkapkan Selain Rasa Terimakasih Dari Hati Yang Tulus Apabila Bapak/ Ibu/ Saudara/i Berkenan Hadir Untuk Memberikan Do’a Restu Kepada Kami
Wassalamu’alaikum Wr. Wb.
Terima Kasih
Nia & Aldy
Minggu, 07 Desember 2025
Semoga Pernikahannya Barokah dan menjadi keluarga yang Sakinah Mawaddah Warrohmah
Amiiin
Amiiin
Created By:
Juragan Undangan
Juragan Undangan
The Wedding Of
Nia & Aldy
Kpd Bpk/Ibu/Saudara/i
Tamu Undangan
Mohon maaf apabila ada kesalahan penulisan nama/gelar
The Wedding Of Putri & Fauzi
You Are invited To
The Wedding Of
Putri & Fauzi
Minggu, 7 Desember 2025
- 00Hari
- 00Jam
- 00Menit
- 00Detik
“Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang. Sungguh, pada yang demikian itu benar-benar terdapat tanda-tanda (kebesaran Allah) bagi kaum yang berpikir.”
{ QS. Ar-Rum : 21 }
Dengan Memohon Rahmat Dan Ridho Dari Allah SWT. Kami Bermaksud Menyelenggarakan Resepsi Pernikahan Kami
putri mega dita
Putri Ke 2 Dari :
Bapak ahmadi
& Ibu sumiarsih
&
fauzi rachman
Putra Ke 2 Dari :
Bapak ibrahim
& Ibu yuyun yuningsih
Insya Allah Acara Akan Dilaksanakan Pada :
Akad Nikah
- Minggu, 7 Desember 2025
- Pukul : 08.00 WIB - Selesai
Resepsi
- Minggu, 7 Desember 2025
- Pukul : 10.00 WIB - Selesai
Di Kediaman Mempelai Wanita
jalan kopeng no. 17 rW. 05 kel. karamat kec. gunung puyuh kota sukabumi ( sDN kopeng 1 )
Wedding Gift
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami.
Dan jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Anda Juga Bisa Mengirim Kado Fisik Ke Alamat Berikut
Jl. Kopeng No. 17, RW. 05, Kel. Karamat, Kec. Gunungpuyuh, Kota Sukabumi, Jawa Barat 43122
Salin Alamat
Tiada Yang Dapat Kami Ungkapkan Selain Rasa Terimakasih Dari Hati Yang Tulus Apabila Bapak/ Ibu/ Saudara/i Berkenan Hadir Untuk Memberikan Do’a Restu Kepada Kami
Wassalamu’alaikum Wr. Wb.
Kami Yang Berbahagia,
Putri & Fauzi
Minggu, 7 Desember 2025
Berikan Ucapan Spesial Anda Disini :
Semoga pernikahan Anda Barokah dan menjadi keluarga yang Sakinah, Mawaddah, Warrahmah.
Aamiin
Created By :
The Wedding Of
Putri & Fauzi
Kepada Bapak/Ibu/Saudara/i
Tamu Undangan
Tanpa Mengurangi Rasa Hormat, Kami Mengundang Anda Untuk Hadir Di Acara Pernikahan Kami.
Mohon maaf apabila ada kesalahan penulisan nama/gelar
lukman dan ajeng
The Wedding Of
Lukman & Ajeng
Kpd Bpk/Ibu/Saudara/i
Tamu Undangan
Tanpa Mengurangi Rasa Hormat, Kami Mengundang Anda Untuk Berhadir Di Acara Pernikahan Kami.
" Dan di antara tanda-tanda kekuasaan-Nya diciptakan-Nya untukmu pasangan hidup dari jenismu sendiri supaya kamu dapat ketenangan hati dan dijadikannya kasih sayang di antara kamu. Sesungguhnya yang demikian menjadi tanda-tanda kebesaran-Nya bagi orang-orang yang berpikir".
Q.S. Ar-Rum: 21
Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i Tamu Undangan serta kerabat sekalian, untuk menghadiri acara pernikahan kami:
Candra Lukman Ma’arif
Putra Pertama dari Keluarga
Bapak Chariri & Ibu Siti Arifah
Ajeng Ayu Manggali S.Pd.
Putri Kedua dari Keluarga
Bapak Kariyono & Ibu Rahmawati
Wedding Event
Bergabunglah bersama Kami menyaksikan sekaligus merayakan terbentuknya ikatan suci ini. Kami ingin Anda menjadi bagian dari hari istimewa kami.
yang Insya Allah akan dilaksanakan pada :
Sabtu, 3 Januari 2026
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Akad Nikah
Sabtu, 3 Januari 2026
Pukul 06:00 WIB
Masjid Nurul Iman Desa Kenanti
Acara Resepsi
Sabtu, 3 Januari 2026
Pukul 13:00 WIB s.d Selesai
Gedung OKE Tambakboyo
Perjalanan
Cinta Kami
“Tak ada yang kebetulan dalam hidup ini. Setiap pertemuan sudah digariskan oleh Tuhan dengan cara dan waktu yang paling indah. Kadang tak disangka, seseorang yang dulu hanya lewat, kini menjadi bagian terpenting dalam hidup kita.”
AWAL PERTEMUAN
Tidak ada yang kebetulan di dunia ini. Semua sudah tersusun dengan sangat rapi oleh sang Maha Kuasa. Kita tidak bisa memilih kepada siapa kita akan jatuh cinta. Kami bertemu tanpa sengaja pada tahun 2020.
PROSES PENDEKATAN
Katanya cinta dapat tumbuh dengan kebersamaan. Seiring berjalannya waktu, kami semakin dekat dan memutuskan menjalin hubungan lebih dari sekedar pertemanan.
ACARA LAMARAN
Kehendaknya menuntun kami pada sebuah pertemuan yang tak pernah disangka, hingga akhirnya pada 19 April 2025 membawa kami pada sebuah ikatan yang di Rindhoi-Nya.
PERNIKAHAN
Bukan karena bertemu lalu berjodoh, tapi karena berjodoh lah kami bisa bertemu. Kami memutuskan untuk mengikrarkan janji suci pernikahan pada tanggal 3 Januari 2026. Sebagaimana yang pernah dikatakan oleh Ali Bin Abu Tholib: "Apa yang menjadi takdirmu akan menemukan jalannya untuk menemukan mu".
Our Moment
Wedding Gallery
Beri Doa & Ucapan Terbaikmu
Untuk Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
Hope to see you soon, Stay safe and healthy!
Hadiah
Pernikahan
Kehadiran Bapak/Ibu/Saudara/i Tamu Undangan merupakan sebuah do'a serta rasa syukur bagi kami, namun jika memberi adalah bentuk Do'a & cinta kasih bagi Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.
Kirim Kado:
TERIMA KASIH
Atas Kehadiran & Doa Restunya
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i Tamu Undangan berkenan hadir untuk memberikan doa restu kepada kedua mempelai. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
Sampai Jumpa di Hari Bahagia Kami,
Lukman & Ajeng
Keluarga Besar
Mempelai Pria
Bapak Chariri & Ibu Siti Arifah
Keluarga Besar
Mempelai Wanita
Bapak Kariyono & Ibu Rahmawati
/* ====== WDP: Lock Cover + Audio (All-in-One, no ESC) ====== */
(() => {
// Inject CSS langsung via JS
const css = `
body.scroll-lock {
position: fixed; inset: 0; width: 100%; overflow: hidden;
top: var(--lock-top, 0);
}
#section-cover.cover-full { width: 100vw; }
#tombol-buka[hidden] { display: none !important; }
`;
const styleEl = document.createElement('style');
styleEl.id = 'wdp-lock-css';
styleEl.appendChild(document.createTextNode(css));
document.head.appendChild(styleEl);
// Scroll ke atas saat load & matikan auto restore browser
if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
window.addEventListener('load', () => { window.scrollTo(0, 0); });
let isSectionLocked = true;
let savedScrollY = 0;
window.addEventListener('DOMContentLoaded', () => {
const cover = document.getElementById('section-cover');
const btnOpen = document.getElementById('tombol-buka');
const songEl = document.getElementById('song'); // opsional
if (!btnOpen) { console.warn('[lock] #tombol-buka tidak ditemukan'); return; }
// Lock saat awal
lockSection(cover);
// Klik buka
btnOpen.addEventListener('click', async () => {
await unlockSection(cover, btnOpen, songEl);
}, { once: true });
});
function lockSection(cover) {
savedScrollY = window.scrollY || document.documentElement.scrollTop || 0;
document.body.style.setProperty('--lock-top', `-${savedScrollY}px`);
document.body.classList.add('scroll-lock');
if (cover) cover.classList.add('cover-full');
isSectionLocked = true;
}
async function unlockSection(cover, btnOpen, songEl) {
document.body.classList.remove('scroll-lock');
document.body.style.removeProperty('--lock-top');
window.scrollTo(0, savedScrollY);
if (cover) cover.classList.remove('cover-full');
if (btnOpen) btnOpen.hidden = true;
isSectionLocked = false;
await playAudioSafe(songEl);
}
async function playAudioSafe(songEl) {
// HTML
/* ===========================
ATURAN UMUM
=========================== */
.wdpal-fade-in,
.wdpal-muncul-atas,
.wdpal-muncul-bawah,
.wdpal-muncul-kiri,
.wdpal-muncul-kanan,
.wdpal-rotate-in,
.wdpal-flip-x,
.wdpal-flip-y,
.wdpal-zoom-in,
.wdpal-zoom-out {
opacity: 0;
transition-property: transform, opacity;
transition-timing-function: ease;
position: relative;
z-index: 1;
}
.wdpal-fade-in.active,
.wdpal-muncul-atas.active,
.wdpal-muncul-bawah.active,
.wdpal-muncul-kiri.active,
.wdpal-muncul-kanan.active,
.wdpal-rotate-in.active,
.wdpal-flip-x.active,
.wdpal-flip-y.active,
.wdpal-zoom-in.active,
.wdpal-zoom-out.active {
opacity: 1;
}
/* ===========================
DURASI ANIMASI
=========================== */
.wdpal-fade-in,
.wdpal-muncul-atas,
.wdpal-muncul-bawah,
.wdpal-muncul-kiri,
.wdpal-muncul-kanan,
.wdpal-rotate-in,
.wdpal-flip-x,
.wdpal-flip-y,
.wdpal-zoom-in,
.wdpal-zoom-out {
transition-duration: 1.25s; /* Default: Smooth */
}
.very-slow {
transition-duration: 3s;
}
.slow {
transition-duration: 2s;
}
.fast {
transition-duration: 0.75s;
}
.very-fast {
transition-duration: 0.3s;
}
/* ===========================
EFEK FADE IN
=========================== */
.wdpal-fade-in {
transition-delay: 0.2s;
}
/* ===========================
EFEK MUNCUL ATAS
=========================== */
.wdpal-muncul-atas {
transform: translateY(50px);
opacity: 0;
transition-delay: 0.3s;
}
.wdpal-muncul-atas.active {
transform: translateY(0);
opacity: 1;
}
/* ===========================
EFEK MUNCUL BAWAH
=========================== */
.wdpal-muncul-bawah {
transform: translateY(-50px);
opacity: 0;
transition-delay: 0.3s;
}
.wdpal-muncul-bawah.active {
transform: translateY(0);
opacity: 1;
}
/* ===========================
EFEK MUNCUL KIRI
=========================== */
.wdpal-muncul-kiri {
transform: translateX(-50px) scale(0.95);
opacity: 0;
transition-delay: 0.4s;
}
.wdpal-muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
/* ===========================
EFEK MUNCUL KANAN
=========================== */
.wdpal-muncul-kanan {
transform: translateX(50px) scale(0.95);
opacity: 0;
transition-delay: 0.5s;
}
.wdpal-muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
/* ===========================
EFEK ROTATE IN
=========================== */
.wdpal-rotate-in {
transform: rotate(-180deg);
opacity: 0;
transition-delay: 0.5s;
}
.wdpal-rotate-in.active {
transform: rotate(0deg);
opacity: 1;
}
/* ===========================
EFEK FLIP X
=========================== */
.wdpal-flip-x {
transform: rotateX(90deg);
transform-style: preserve-3d;
backface-visibility: hidden;
visibility: hidden;
pointer-events: none;
transition-delay: 0.6s;
}
.wdpal-flip-x.active {
transform: rotateX(0deg);
visibility: visible;
pointer-events: auto;
}
/* ===========================
EFEK FLIP Y
=========================== */
.wdpal-flip-y {
transform: rotateY(90deg);
transform-style: preserve-3d;
backface-visibility: hidden;
visibility: hidden;
pointer-events: none;
transition-delay: 0.6s;
}
.wdpal-flip-y.active {
transform: rotateY(0deg);
visibility: visible;
pointer-events: auto;
}
/* ===========================
EFEK ZOOM IN
=========================== */
.wdpal-zoom-in {
transform: scale(0.7);
opacity: 0;
transition-delay: 0.2s;
}
.wdpal-zoom-in.active {
transform: scale(1);
opacity: 1;
}
/* ===========================
EFEK ZOOM OUT
=========================== */
.wdpal-zoom-out {
transform: scale(1.3);
opacity: 0;
transition-delay: 0.2s;
}
.wdpal-zoom-out.active {
transform: scale(1);
opacity: 1;
}
(function () {
// Fungsi utama untuk mengaktifkan animasi
function revealElements(selector) {
const elements = document.querySelectorAll(selector);
const windowHeight = window.innerHeight;
const elementVisible = 150;
elements.forEach(function(element) {
const elementTop = element.getBoundingClientRect().top;
if (elementTop {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add("active");
} else {
entry.target.classList.remove("active");
}
});
};
const observer = new IntersectionObserver(observerCallback, observerOptions);
// Panggil fungsi revealElements untuk semua efek animasi
document.addEventListener("DOMContentLoaded", () => {
const selector = ".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out";
// Mengamati elemen dengan Intersection Observer
const elements = document.querySelectorAll(selector);
elements.forEach((element) => {
observer.observe(element);
});
// Panggil fungsi revealElements untuk menambahkan kelas active pada elemen yang sudah terlihat
revealElements(selector);
});
// Tambahkan event listener untuk scroll
window.addEventListener("scroll", () => {
revealElements(".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out");
});
})();
//* script show-hide by andy dari weddingpress — refactor *//
document.addEventListener("DOMContentLoaded", () => {
const btnAmplop = document.getElementById("btnAmplop");
const btnHide = document.getElementById("btn-hide");
const amplop = document.getElementById("amplop");
// Guard jika ada elemen yang tidak ditemukan
if (!btnAmplop || !btnHide || !amplop) {
console.warn("[show-hide] Elemen tidak lengkap: pastikan #btnAmplop, #btn-hide, dan #amplop ada.");
return;
}
// Initial state
btnHide.hidden = true;
amplop.hidden = true;
// ARIA untuk aksesibilitas
btnAmplop.setAttribute("aria-controls", "amplop");
btnAmplop.setAttribute("aria-expanded", "false");
btnHide.setAttribute("aria-controls", "amplop");
btnHide.setAttribute("aria-expanded", "false");
const showAmplop = () => {
btnHide.hidden = false;
btnAmplop.hidden = true;
amplop.hidden = false;
btnAmplop.setAttribute("aria-expanded", "true");
btnHide.setAttribute("aria-expanded", "true");
// Optional: fokuskan ke konten/section saat dibuka
// amplop.focus();
};
const hideAmplop = () => {
btnHide.hidden = true;
btnAmplop.hidden = false;
amplop.hidden = true;
btnAmplop.setAttribute("aria-expanded", "false");
btnHide.setAttribute("aria-expanded", "false");
// Kembalikan fokus ke pemicu agar navigasi keyboard enak
btnAmplop.focus();
};
btnAmplop.addEventListener("click", showAmplop);
btnHide.addEventListener("click", hideAmplop);
// Tutup dengan tombol Escape saat amplop terbuka
document.addEventListener("keydown", (e) => {
if (e.key === "Escape" && !amplop.hidden) {
hideAmplop();
}
});
});
/*!
WeddingPress Custom Nama Tamu (WDPCNT)
============================================
Description:
WeddingPress Custom Nama Tamu (WDPCNT) adalah script JavaScript yang digunakan untuk mengganti teks "Tamu Undangan" pada elemen dengan class `namatamu` berdasarkan parameter yang ada di URL.
Script ini mendukung beberapa parameter seperti `to`, `dear`, dan `kepada` untuk menyesuaikan nama penerima undangan.
Author: Andy dari WeddingPress
Website: https://weddingpress.net
Version: 1.1 (2025/03/01)
License: Anda diizinkan menggunakan script ini pada website Anda dan proyek klien. Tidak diperbolehkan menjual, membagikan, menempatkan codenya ditemplate yang dijual atau mendistribusikan ulang tanpa izin.
Copyright: © 2025 WeddingPress. All rights reserved.
Note:
Pastikan untuk teks 'Tamu Undangan' css classesnya sudah terisi: 'namatamu'
*/
(function () {
'use strict';
// =================================================================
// KONFIGURASI ⚙️
// =================================================================
const config = {
selector: '.namatamu',
urlParams: ['to', 'dear', 'kepada'],
defaultText: 'Tamu Undangan'
};
// =================================================================
/**
* Mengambil nama tamu dari URL.
* Dibuat tetap simpel untuk keamanan & keandalan, karena URLSearchParams
* sudah menangani semua decoding (+, %20, dll) sesuai standar.
*/
function getRecipientName(params, keys) {
for (const key of keys) {
const value = params.get(key);
if (value && value.trim()) {
return value.trim();
}
}
return '';
}
/**
* "Membersihkan" string agar aman digunakan di dalam Regular Expression.
* Mencegah error jika placeholder berisi karakter spesial Regex.
*/
function escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}
/**
* Fungsi rekursif untuk mencari dan mengganti konten teks
* tanpa merusak elemen HTML di sekitarnya.
*/
function replaceTextInNode(node, searchValue, replaceValue) {
if (node.nodeType === 1 || node.nodeType === 11) { // Element or Document Fragment
node.childNodes.forEach(child => {
if (child.nodeType === 3) { // Text node
// Gunakan escapeRegExp untuk memastikan searchValue aman.
const safeSearchValue = escapeRegExp(searchValue);
const regex = new RegExp(safeSearchValue, 'gi');
child.textContent = child.textContent.replace(regex, replaceValue);
} else {
replaceTextInNode(child, searchValue, replaceValue);
}
});
}
}
window.addEventListener('DOMContentLoaded', () => {
const params = new URLSearchParams(window.location.search);
const recipient = getRecipientName(params, config.urlParams);
const targets = document.querySelectorAll(config.selector);
if (targets.length === 0) {
console.warn(`WDPCNT: Tidak ditemukan elemen dengan selector '${config.selector}'.`);
return;
}
targets.forEach(element => {
if (recipient) {
replaceTextInNode(element, config.defaultText, recipient);
} else {
if (!element.textContent.trim()) {
element.textContent = config.defaultText;
}
}
});
});
})();
.wdp-bugoy-zoom {
animation-name: wdp-bugoy-zoom;
animation-duration: 1.75s;
transform-origin: center center;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-zoom {
0%, 100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
50% {
transform: translate(0px, 0px) rotate(0deg) scale(1.1);
}
}
.wdp-bugoy-01 {
animation-name: wdp-bugoy-01;
animation-duration: 1.2s;
transform-origin: center center;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-01 {
0%, 4.17% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
100% { transform: translate(0px, 15px) rotate(-10deg) scale(1.05); }
}
.wdp-bugoy-02-kanan {
animation-name: wdp-bugoy-02-kanan;
animation-duration: 1.4s;
transform-origin: left bottom;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-02-kanan {
0%, 0.00% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
100% { transform: translate(0px, 15px) rotate(15deg) scale(1); }
}
.wdp-bugoy-02-kiri {
animation-name: wdp-bugoy-02-kiri;
animation-duration: 1.4s;
transform-origin: right bottom;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-02-kiri {
0%, 0.00% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
100% { transform: translate(0px, 15px) rotate(-15deg) scale(1); }
}
/* ====== WDP: Lock Cover + Audio (All-in-One, no ESC) ====== */
(() => {
// Inject CSS langsung via JS
const css = `
body.scroll-lock {
position: fixed; inset: 0; width: 100%; overflow: hidden;
top: var(--lock-top, 0);
}
#section-cover.cover-full { width: 100vw; }
#tombol-buka[hidden] { display: none !important; }
`;
const styleEl = document.createElement('style');
styleEl.id = 'wdp-lock-css';
styleEl.appendChild(document.createTextNode(css));
document.head.appendChild(styleEl);
// Scroll ke atas saat load & matikan auto restore browser
if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
window.addEventListener('load', () => { window.scrollTo(0, 0); });
let isSectionLocked = true;
let savedScrollY = 0;
window.addEventListener('DOMContentLoaded', () => {
const cover = document.getElementById('section-cover');
const btnOpen = document.getElementById('tombol-buka');
const songEl = document.getElementById('song'); // opsional
if (!btnOpen) { console.warn('[lock] #tombol-buka tidak ditemukan'); return; }
// Lock saat awal
lockSection(cover);
// Klik buka
btnOpen.addEventListener('click', async () => {
await unlockSection(cover, btnOpen, songEl);
}, { once: true });
});
function lockSection(cover) {
savedScrollY = window.scrollY || document.documentElement.scrollTop || 0;
document.body.style.setProperty('--lock-top', `-${savedScrollY}px`);
document.body.classList.add('scroll-lock');
if (cover) cover.classList.add('cover-full');
isSectionLocked = true;
}
async function unlockSection(cover, btnOpen, songEl) {
document.body.classList.remove('scroll-lock');
document.body.style.removeProperty('--lock-top');
window.scrollTo(0, savedScrollY);
if (cover) cover.classList.remove('cover-full');
if (btnOpen) btnOpen.hidden = true;
isSectionLocked = false;
await playAudioSafe(songEl);
}
async function playAudioSafe(songEl) {
// HTML
/* ===========================
ATURAN UMUM
=========================== */
.wdpal-fade-in,
.wdpal-muncul-atas,
.wdpal-muncul-bawah,
.wdpal-muncul-kiri,
.wdpal-muncul-kanan,
.wdpal-rotate-in,
.wdpal-flip-x,
.wdpal-flip-y,
.wdpal-zoom-in,
.wdpal-zoom-out {
opacity: 0;
transition-property: transform, opacity;
transition-timing-function: ease;
position: relative;
z-index: 1;
}
.wdpal-fade-in.active,
.wdpal-muncul-atas.active,
.wdpal-muncul-bawah.active,
.wdpal-muncul-kiri.active,
.wdpal-muncul-kanan.active,
.wdpal-rotate-in.active,
.wdpal-flip-x.active,
.wdpal-flip-y.active,
.wdpal-zoom-in.active,
.wdpal-zoom-out.active {
opacity: 1;
}
/* ===========================
DURASI ANIMASI
=========================== */
.wdpal-fade-in,
.wdpal-muncul-atas,
.wdpal-muncul-bawah,
.wdpal-muncul-kiri,
.wdpal-muncul-kanan,
.wdpal-rotate-in,
.wdpal-flip-x,
.wdpal-flip-y,
.wdpal-zoom-in,
.wdpal-zoom-out {
transition-duration: 1.25s; /* Default: Smooth */
}
.very-slow {
transition-duration: 3s;
}
.slow {
transition-duration: 2s;
}
.fast {
transition-duration: 0.75s;
}
.very-fast {
transition-duration: 0.3s;
}
/* ===========================
EFEK FADE IN
=========================== */
.wdpal-fade-in {
transition-delay: 0.2s;
}
/* ===========================
EFEK MUNCUL ATAS
=========================== */
.wdpal-muncul-atas {
transform: translateY(50px);
opacity: 0;
transition-delay: 0.3s;
}
.wdpal-muncul-atas.active {
transform: translateY(0);
opacity: 1;
}
/* ===========================
EFEK MUNCUL BAWAH
=========================== */
.wdpal-muncul-bawah {
transform: translateY(-50px);
opacity: 0;
transition-delay: 0.3s;
}
.wdpal-muncul-bawah.active {
transform: translateY(0);
opacity: 1;
}
/* ===========================
EFEK MUNCUL KIRI
=========================== */
.wdpal-muncul-kiri {
transform: translateX(-50px) scale(0.95);
opacity: 0;
transition-delay: 0.4s;
}
.wdpal-muncul-kiri.active {
transform: translateX(0);
opacity: 1;
}
/* ===========================
EFEK MUNCUL KANAN
=========================== */
.wdpal-muncul-kanan {
transform: translateX(50px) scale(0.95);
opacity: 0;
transition-delay: 0.5s;
}
.wdpal-muncul-kanan.active {
transform: translateX(0);
opacity: 1;
}
/* ===========================
EFEK ROTATE IN
=========================== */
.wdpal-rotate-in {
transform: rotate(-180deg);
opacity: 0;
transition-delay: 0.5s;
}
.wdpal-rotate-in.active {
transform: rotate(0deg);
opacity: 1;
}
/* ===========================
EFEK FLIP X
=========================== */
.wdpal-flip-x {
transform: rotateX(90deg);
transform-style: preserve-3d;
backface-visibility: hidden;
visibility: hidden;
pointer-events: none;
transition-delay: 0.6s;
}
.wdpal-flip-x.active {
transform: rotateX(0deg);
visibility: visible;
pointer-events: auto;
}
/* ===========================
EFEK FLIP Y
=========================== */
.wdpal-flip-y {
transform: rotateY(90deg);
transform-style: preserve-3d;
backface-visibility: hidden;
visibility: hidden;
pointer-events: none;
transition-delay: 0.6s;
}
.wdpal-flip-y.active {
transform: rotateY(0deg);
visibility: visible;
pointer-events: auto;
}
/* ===========================
EFEK ZOOM IN
=========================== */
.wdpal-zoom-in {
transform: scale(0.7);
opacity: 0;
transition-delay: 0.2s;
}
.wdpal-zoom-in.active {
transform: scale(1);
opacity: 1;
}
/* ===========================
EFEK ZOOM OUT
=========================== */
.wdpal-zoom-out {
transform: scale(1.3);
opacity: 0;
transition-delay: 0.2s;
}
.wdpal-zoom-out.active {
transform: scale(1);
opacity: 1;
}
(function () {
// Fungsi utama untuk mengaktifkan animasi
function revealElements(selector) {
const elements = document.querySelectorAll(selector);
const windowHeight = window.innerHeight;
const elementVisible = 150;
elements.forEach(function(element) {
const elementTop = element.getBoundingClientRect().top;
if (elementTop {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add("active");
} else {
entry.target.classList.remove("active");
}
});
};
const observer = new IntersectionObserver(observerCallback, observerOptions);
// Panggil fungsi revealElements untuk semua efek animasi
document.addEventListener("DOMContentLoaded", () => {
const selector = ".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out";
// Mengamati elemen dengan Intersection Observer
const elements = document.querySelectorAll(selector);
elements.forEach((element) => {
observer.observe(element);
});
// Panggil fungsi revealElements untuk menambahkan kelas active pada elemen yang sudah terlihat
revealElements(selector);
});
// Tambahkan event listener untuk scroll
window.addEventListener("scroll", () => {
revealElements(".wdpal-fade-in, .wdpal-muncul-atas, .wdpal-muncul-bawah, .wdpal-muncul-kiri, .wdpal-muncul-kanan, .wdpal-rotate-in, .wdpal-flip-x, .wdpal-flip-y, .wdpal-zoom-in, .wdpal-zoom-out");
});
})();
//* script show-hide by andy dari weddingpress — refactor *//
document.addEventListener("DOMContentLoaded", () => {
const btnAmplop = document.getElementById("btnAmplop");
const btnHide = document.getElementById("btn-hide");
const amplop = document.getElementById("amplop");
// Guard jika ada elemen yang tidak ditemukan
if (!btnAmplop || !btnHide || !amplop) {
console.warn("[show-hide] Elemen tidak lengkap: pastikan #btnAmplop, #btn-hide, dan #amplop ada.");
return;
}
// Initial state
btnHide.hidden = true;
amplop.hidden = true;
// ARIA untuk aksesibilitas
btnAmplop.setAttribute("aria-controls", "amplop");
btnAmplop.setAttribute("aria-expanded", "false");
btnHide.setAttribute("aria-controls", "amplop");
btnHide.setAttribute("aria-expanded", "false");
const showAmplop = () => {
btnHide.hidden = false;
btnAmplop.hidden = true;
amplop.hidden = false;
btnAmplop.setAttribute("aria-expanded", "true");
btnHide.setAttribute("aria-expanded", "true");
// Optional: fokuskan ke konten/section saat dibuka
// amplop.focus();
};
const hideAmplop = () => {
btnHide.hidden = true;
btnAmplop.hidden = false;
amplop.hidden = true;
btnAmplop.setAttribute("aria-expanded", "false");
btnHide.setAttribute("aria-expanded", "false");
// Kembalikan fokus ke pemicu agar navigasi keyboard enak
btnAmplop.focus();
};
btnAmplop.addEventListener("click", showAmplop);
btnHide.addEventListener("click", hideAmplop);
// Tutup dengan tombol Escape saat amplop terbuka
document.addEventListener("keydown", (e) => {
if (e.key === "Escape" && !amplop.hidden) {
hideAmplop();
}
});
});
/*!
WeddingPress Custom Nama Tamu (WDPCNT)
============================================
Description:
WeddingPress Custom Nama Tamu (WDPCNT) adalah script JavaScript yang digunakan untuk mengganti teks "Tamu Undangan" pada elemen dengan class `namatamu` berdasarkan parameter yang ada di URL.
Script ini mendukung beberapa parameter seperti `to`, `dear`, dan `kepada` untuk menyesuaikan nama penerima undangan.
Author: Andy dari WeddingPress
Website: https://weddingpress.net
Version: 1.1 (2025/03/01)
License: Anda diizinkan menggunakan script ini pada website Anda dan proyek klien. Tidak diperbolehkan menjual, membagikan, menempatkan codenya ditemplate yang dijual atau mendistribusikan ulang tanpa izin.
Copyright: © 2025 WeddingPress. All rights reserved.
Note:
Pastikan untuk teks 'Tamu Undangan' css classesnya sudah terisi: 'namatamu'
*/
(function () {
'use strict';
// =================================================================
// KONFIGURASI ⚙️
// =================================================================
const config = {
selector: '.namatamu',
urlParams: ['to', 'dear', 'kepada'],
defaultText: 'Tamu Undangan'
};
// =================================================================
/**
* Mengambil nama tamu dari URL.
* Dibuat tetap simpel untuk keamanan & keandalan, karena URLSearchParams
* sudah menangani semua decoding (+, %20, dll) sesuai standar.
*/
function getRecipientName(params, keys) {
for (const key of keys) {
const value = params.get(key);
if (value && value.trim()) {
return value.trim();
}
}
return '';
}
/**
* "Membersihkan" string agar aman digunakan di dalam Regular Expression.
* Mencegah error jika placeholder berisi karakter spesial Regex.
*/
function escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}
/**
* Fungsi rekursif untuk mencari dan mengganti konten teks
* tanpa merusak elemen HTML di sekitarnya.
*/
function replaceTextInNode(node, searchValue, replaceValue) {
if (node.nodeType === 1 || node.nodeType === 11) { // Element or Document Fragment
node.childNodes.forEach(child => {
if (child.nodeType === 3) { // Text node
// Gunakan escapeRegExp untuk memastikan searchValue aman.
const safeSearchValue = escapeRegExp(searchValue);
const regex = new RegExp(safeSearchValue, 'gi');
child.textContent = child.textContent.replace(regex, replaceValue);
} else {
replaceTextInNode(child, searchValue, replaceValue);
}
});
}
}
window.addEventListener('DOMContentLoaded', () => {
const params = new URLSearchParams(window.location.search);
const recipient = getRecipientName(params, config.urlParams);
const targets = document.querySelectorAll(config.selector);
if (targets.length === 0) {
console.warn(`WDPCNT: Tidak ditemukan elemen dengan selector '${config.selector}'.`);
return;
}
targets.forEach(element => {
if (recipient) {
replaceTextInNode(element, config.defaultText, recipient);
} else {
if (!element.textContent.trim()) {
element.textContent = config.defaultText;
}
}
});
});
})();
.wdp-bugoy-zoom {
animation-name: wdp-bugoy-zoom;
animation-duration: 1.75s;
transform-origin: center center;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-zoom {
0%, 100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
50% {
transform: translate(0px, 0px) rotate(0deg) scale(1.1);
}
}
.wdp-bugoy-01 {
animation-name: wdp-bugoy-01;
animation-duration: 1.2s;
transform-origin: center center;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-01 {
0%, 4.17% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
100% { transform: translate(0px, 15px) rotate(-10deg) scale(1.05); }
}
.wdp-bugoy-02-kanan {
animation-name: wdp-bugoy-02-kanan;
animation-duration: 1.4s;
transform-origin: left bottom;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-02-kanan {
0%, 0.00% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
100% { transform: translate(0px, 15px) rotate(15deg) scale(1); }
}
.wdp-bugoy-02-kiri {
animation-name: wdp-bugoy-02-kiri;
animation-duration: 1.4s;
transform-origin: right bottom;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
@keyframes wdp-bugoy-02-kiri {
0%, 0.00% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
100% { transform: translate(0px, 15px) rotate(-15deg) scale(1); }
}