The Wedding of Ippang & Mega
Our Wedding Invitation
Ippang & Mega
“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
Ippang & Mega
Ahad, 17 November 2024
I
M
“ 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.
The Groom
Irfan Adi Putra
Putra Pertama dari
Bapak Sirajuddin dan Ibu Hadiyuti
The Brides
Megawati
Putri Pertama dari
Bapak Syamsudding dan Ibu Herniwati
Wedding Event
Our Gallery
RSVP
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
Wedding Wish
Terima Kasih
Ippang & Mega
Ahad, 17 November 2024
©AS Grafika
The Wedding Of
Ippang & Mega
Kpd Bpk/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
Demo Undangan 26
WEDDING INVITATION
Your Are Invited!
Dear :
Tamu Undangan
Please be a part of our happiest moment
12
12
2x
A
&
Z
Ar-Rum:21
"Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir"
Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i, serta kerabat sekalian, untuk menghadiri acara pernikahan kami:
Mempelai Wanita
Fauziah Ratnasari
Putri Keempat dari Keluarga
Bapak Lorem & Ibu Ipsum
Wedding Story
Awal Bertemu
Januari 202x
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Jalin Komitmen
Mei 202x
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Acara Lamaran
November 202x
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Wedding Event
Minggu, 12 Desember 202x
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Akad Nikah
08.00 WIB s.d Selesai
Minggu, 12 Desember 202x
Rumah Mempelai Wanita
lorem ipsum dolor sit amet, consectetur adipiscing elit
Acara Resepsi
08.00 WIB s.d Selesai
Minggu, 12 Desember 202x
Rumah Mempelai Wanita
lorem ipsum dolor sit amet, consectetur adipiscing elit
Wedding Gift
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.
Penerima Kado: Mempelai Wanita
Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
BCA
No. Rekening
08123456789xx
a.n Andy Hermawan
BRI
No. Rekening
08123456789xx
a.n Fauziah Ratnasari
Beri Doa & Ucapan Terbaikmu
Tuliskan harapan dan doa terbaik Anda untuk kedua mempelai melalui kolom berikut:
[comment-kit style="golden"]
Hope to see you soon, Stay safe and healthy!
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,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum
& Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum
& Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
Photos By
document.getElementById("tombol-buka").onclick = function() {
unlockSection();
playAudio();
hideButton();
};
function unlockSection() {
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'body.scroll-enabled { overflow: auto; }';
document.getElementsByTagName('head')[0].appendChild(style);
document.body.classList.add("scroll-enabled");
}
function playAudio(){
var isYT = false;
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").play();
isYT = false;
} else {
isYT = true;
player.playVideo();
}
}
function hideButton() {
document.getElementById("tombol-buka").style.display = 'none';
}
// Add CSS to disable scroll by default
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'body { overflow: hidden; }';
document.getElementsByTagName('head')[0].appendChild(style);
//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(".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";
};
});
Demo Undangan 25
Your Are Invited!
Kepada Yth. Bapak / Ibu /Saudara/i
Tamu Undangan
The Wedding Of
Andy & Zhea
We invite you to celebrate our wedding.
12 Desember 202x
"Demikianlah mereka bukan lagi dua, melainkan satu. Karena itu, apa yang telah dipersatukan Allah, tidak boleh diceraikan manusia."
- Matius 19:6 -
Salam Sejahtera
Tuhan membuat segala sesuatu indah pada waktunya. Indah saat Dia mempertemukan, indah saat Dia menumbuhkan kasih, dan indah saat Dia mempersatukan putra-putri kami dalam suatu ikatan pernikahan kudus.
Andy Lorem Chen
Putra Pertama Dari Keluarga
Bapak Lorem (✝) Dan Ibu Ipsum
- @username
&
Zhea Ipsum Chan
Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum (✝)
- @username
Save The Date
Kami akan menikah,
dan kami ingin Anda menjadi bagian dari
hari istimewa kami!
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Rangkaian Acara Yang Akan Diselenggarakan
Pemberkatan
Jum'at, 11 Desember 202x
Pukul 09.00 WIB - Selesai
Gereja HKBP Lorem Ipsum
Jl. Nama Jalan dan Nomor Jalan
Resepsi
Sabtu, 12 Desember 202x
Pukul 09.00 WIB - Selesai
Rumah Mempelai Wanita
Jl. Nama Jalan dan Nomor Jalan
Momen Indah Kami
The Memorable Wedding Galleri
Kami spesial untuk satu sama lain, dan kami bersyukur dipertemukan Tuhan diwaktu terbaik. Kini kami menanti hari istimewa kami.
Beri Hadiah
Jika memberi adalah tanda kasih anda,
anda dapat memberikan hadiah secara cashless ke rekening mempelai atau kado ke alamat mempelai
Berikan Ucapan &
Doa Restu Anda
Doa Restu Anda
Tinggalkan kami doa terbaik anda
untuk momen bahagia kami
[comment-kit style="golden"]
Terima Kasih
Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.
Kami Yang Berbahagia,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
- WeddingPress Template #63 -
Undangan Pernikahan Digital Created By Weddingpress.co.id
Asset Files:
//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;
}
.goyang-1 img {
animation-name: goyang1;
animation-duration: 7s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.goyang-2 img {
animation-name: goyang1;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.goyang-3 img {
animation-name: goyang1;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.goyang-4 img {
animation-name: goyang4;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.zoom-1 {
transform: scale(1);
animation: zoom 3s infinite;
}
.zoom-2 img {
transform: scale(1);
animation: zoom 2s infinite;
}
.naik-turun {
animation-name: naikturun;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes goyang1{
0%{ transform: rotate(0deg) scale(1); }
50%{ transform: rotate(6deg) scale(1.18); }
100%{ transform: rotate(0deg) scale(1); }
}
@keyframes goyang2{
0%{ transform: rotate(0deg) scale(1); }
25%{ transform: rotate(-4deg) scale(1.05); }
50%{ transform: rotate(-8deg) scale(1.1); }
75%{ transform: rotate(-4deg) scale(1.05); }
100%{ transform: rotate(0deg) scale(1); }
}
@keyframes goyang3{
0%{ transform: rotate(0deg) scale(1); }
25%{ transform: rotate(-4deg) scale(1.1); }
50%{ transform: rotate(0deg) scale(1); }
75%{ transform: rotate(4deg) scale(1.1); }
100%{ transform: rotate(0deg) scale(1); }
}
@keyframes goyang4{
0%{ transform: rotate(0deg); }
25%{ transform: rotate(-4deg); }
75%{ transform: rotate(4deg); }
100%{ transform: rotate(0deg); }
}
@keyframes zoom {
0% { transform: scale(0.95); }
60% { transform: scale(1); }
100% { transform: scale(0.95); }
}
@keyframes naikturun {
0% { transform: translate(0px,0px); }
50% { transform: translate(0px,-10px); }
100% { transform: translate(0px,0px); }
}
Demo Undangan 24
Wedding Invitation Of
Andy
And
Zhea
Yth Bapak/Ibu/Saudara/i
Tamu Undangan
Kami akan menikah, dan kami ingin Anda
menjadi bagian dari hari istimewa kami!
Tanpa mengurangi rasa hormat, perkenankan kami mengundang Bapak/Ibu/Saudara/i, serta kerabat sekalian, untuk menghadiri acara pernikahan kami:
Wedding Day
Menuju Hari Istimewa Kami,
dan kami berharap anda menjadi bagian dari hari istimewa kami
Days
Hours
Minutes
Seconds
"Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir"
( Ar-Rum : 21 )
Akad Nikah
Tanggal
12.12.202x
Waktu
09.00 WIB - Selesai
Kediaman Mempelai Wanita
Jl. Lorem Ipsum No. 1, Jakarta
Resepsi Nikah
Tanggal
12.12.202x
Waktu
09.00 WIB - Selesai
Kediaman Mempelai Wanita
Jl. Lorem Ipsum No. 1, Jakarta
Live Streaming
We will broadcast the wedding ceremony vitually
Wedding Story
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim res aperta. Ne discipulum abducam, times. Primum quid tu dicis breve? An haec ab eo non dicuntur?
8 Jul 202x
5 Feb 202x
Aliter homines, aliter philosophos loqui putas oportere? Sin aliud quid voles, postea. Mihi enim satis est, ipsis non satis. Negat enim summo bono afferre incrementum diem. Quod ea non occurrentia fingunt, vincunt Aristonem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
4 Aug 202x
Berikan Ucapan & Doa Restu Anda
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
[comment-kit style="golden"]
Kirim Hadiah Pernikahan
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.
TERIMA KASIH
Atas Kehadiran & Doa Restunya
Kami Yang Berbahagia, Keluarga Besar Kedua Mempelai
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
- WeddingPress Template #62 -
Undangan Pernikahan Digital Created By Weddingpress.co.id
Asset Files:
//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;
}
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();
}
}
Demo Undangan 23
THE WEDDING OF
Andy & Zhea
WE INVITE YOU TO CELEBRATE OUR WEDDING
- 00Hari
- 00Jam
- 00Menit
- 00Detik
"Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir"
( Ar-Rum : 21 )
Dengan segala puji bagi Allah yang telah menciptakan Makhluknya bepasang-pasang, Ya Allah izinkanlah kami merangkaikan cinta yang Engkau berikan dalam ikatan pernikahan
PASANGAN
Mempelai
THE WEDDING
Events
Akad Nikah
Minggu,
0
Desember 202x
09.00 WIB - Selesai
Kediaman Mempelai Wanita
Jl. Lorem Ipsum No. 1, Jakarta
Untuk tetap menjaga kesehatan bersama, maka Tamu Undangan Diwajibkan Menggunakan Masker, Mencuci Tangan dan Menjaga Jarak Aman Sesuai Aturan Dan Protokol Covid-19.
Acara Resepsi
Minggu,
0
Desember 202x
10.00 WIB - Selesai
Kediaman Mempelai Wanita
Jl. Lorem Ipsum No. 1, Jakarta
MOMEN
Bahagia Kami
Menikah bukan perlombaan, bukan soal cepat atau lambat.
Tetapi, siapa yang siap mengemban amanah yang besar
Previous
Next
Our Love Story
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Erat enim res aperta. Ne discipulum abducam, times. Primum quid tu dicis breve? An haec ab eo non dicuntur?
8 Jul 202x
5 Feb 202x
Aliter homines, aliter philosophos loqui putas oportere? Sin aliud quid voles, postea. Mihi enim satis est, ipsis non satis. Negat enim summo bono afferre incrementum diem. Quod ea non occurrentia fingunt, vincunt Aristonem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
4 Aug 202x
Berikan Ucapan & Doa Restu Anda
Tinggalkan kami doa terbaik anda
untuk momen bahagia kami
[comment-kit style="golden"]
KIRIM
Hadiah Pernikahan
Doa Restu Anda merupakan karunia yang sangat berarti bagi kami. Namun jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless dan kami akan senang hati menerimanya dan tentu semakin melengkapi kebahagiaan kami.
Terima Kasih
Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.
Kami Yang Berbahagia,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
- WeddingPress Template #61 -
Undangan Pernikahan Digital Created By Weddingpress.co.id
Asset Files:
//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;
}
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();
}
}
Demo Undangan 22
Your Are Invited!
Kepada Yth. Bapak / Ibu /Saudara/i
Tamu Undangan
//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;
}
We are getting married
Andy & Zhea
Kami akan menikah,
dan kami ingin Anda menjadi bagian dari hari istimewa kami!
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Desember, 12th 202x
"And We created pairs of all things1 so perhaps you would be mindful."
(QS. Adz-Zariyat : 49)
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.
Groom
The
Andy Hermawan
Putra Pertama Dari Keluarga
Bapak Lorem Dan Ibu Ipsum
Fauziah Ratnasari
Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum
The
Bride
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
- Jum’at, 10 Desember 20xx
- 09.00 – 11 WITA
- Rumah Mempelai Wanita - Jl. Lorem Ipsum No. 21
Acara Resepsi
- Minggu, 12 Desember 20xx
- 08.30 – 13.00 WITA
- Ballroom Hotel Ipsum – Jl. Dolor sit amet
Mengingat Situasi Dan Kondisi Saat Ini, Maka Tamu Undangan Diwajibkan Menggunakan Masker, Mencuci Tangan dan Menjaga Jarak Aman Sesuai Aturan Dan Protokol Covid-19.
Wishes
Berikan ucapan terbaik
untuk kedua mempelai
[comment-kit style="golden"]
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.
Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.
Wassalamualaikum Wr. Wb.
Kami Yang Berbahagia,
Keluarga Besar Kedua Mempelai
Andy & Zhea
- WeddingPress Template #60 -
Undangan Pernikahan Digital Created By Weddingpress
Demo Undangan 21
WEDDING INVITATION
Andy & Zhea
WE INVITE YOU TO CELEBRATE OUR WEDDING
Sunday, 12 December 20xx
Kepada yth: Bpk/Ibu/Saudara/i
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
Kami Akan Menikah, Dan Kami Ingin Anda
Menjadi Bagian Dari Hari Istimewa Kami!
Days
Hours
Minutes
Seconds
Sunday, 12 December 20xx
"Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir"
( Ar-Rum : 21 )
Andy
Hermawan
Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum
Andy
Hermawan
Putra Pertama dari Keluarga
Bapak Lorem & Ibu Ipsum
Our Special
Wedding Event
AKAD NIKAH
0
Minggu,
Desember
202x
- 08.00 - 10.30 WIB
- Mosque Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
0
Minggu,
Desember
202x
- 08.00 - 10.30 WIB
- Mosque Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ACARA RESEPSI
Live Streaming
Our Moment
Wedding Gallery
Beri Doa & Ucapan Terbaikmu
Untuk Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami
[comment-kit style="golden"]
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.
Alamat Pengiriman Kado:
Jl. Lorem ipsum dolor sit amet, consectetur adipiscing elit
Acara Pernikahan Ini Memberlakukan
Protokol
Kesehatan
Wajib menggunakan masker selama acara berlangsung
Wajib menjaga jarak aman dengan para tamu undangan
Wajib mencuci tangan dengan air bersih atau menggunakan hand sanitizer
Tidak melakukan kontak fisik kepada mempelai dan tamu undangan lainnya
Atas perhatiannya, kami ucapkan terima kasih.
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,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bapak Lorem & Ibu Ipsum
Keluarga Besar
Mempelai Wanita
Bapak Lorem & Ibu Ipsum
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
.goyang-kiri img {
animation-name: goyang-kiri;
animation-duration: 5s;
/*rotate point*/
transform-origin: left top;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes goyang-kiri{
0%{ transform: rotate(0deg)scale(1);}
25%{ transform: rotate(-8deg)scale(1.18);}
75%{ transform: rotate(8deg)scale(1);}
}
.goyang-kanan img {
animation-name: goyang-kanan;
animation-duration: 5s;
/*rotate point*/
transform-origin: left top;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes goyang-kanan{
0%{ transform: rotate(0deg)scale(1);}
25%{ transform: rotate(-8deg)scale(1.18);}
75%{ transform: rotate(8deg)scale(1);}
}
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;
}
window.addEventListener("orientationchange", function(event) {
document.querySelectorAll('*').forEach(e => {
if (window.getComputedStyle(e).position === 'fixed') {
e.style.position = "relative";
setTimeout(() => (e.style.position = "fixed"), 300);
}
});
});
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;
}
//* 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";
};
});
Demo Undangan 20
Andy & Zhea
WE INVITE YOU TO CELEBRATE OUR WEDDING
Kepada yth: Bpk/Ibu/Saudara/i
Tamu Undangan
//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;
}
Andy & Zhea
Kami akan menikah,
dan kami ingin Anda menjadi bagian dari hari istimewa kami!
- 00Hari
- 00Jam
- 00Menit
- 00Detik
Desember, 12th 202x
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.
Andy Hermawan
Putra Pertama Dari Keluarga
Bapak Lorem Dan Ibu Ipsum
Fauziah Ratnasari
Putri Keempat Dari Keluarga
Bapak Lorem Dan Ibu Ipsum
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
- Jum’at, 10 Desember 20xx
- 09.00 – 11 WITA
- Rumah Mempelai Wanita - Jl. Lorem Ipsum No. 21
Acara Resepsi
- Minggu, 12 Desember 20xx
- 08.30 – 13.00 WITA
- Ballroom Hotel Ipsum – Jl. Dolor sit amet
Mengingat Situasi Dan Kondisi Saat Ini, Maka Tamu Undangan Diwajibkan Menggunakan Masker, Mencuci Tangan dan Menjaga Jarak Aman Sesuai Aturan Dan Protokol Covid-19.
Gallery
Previous
Next
"Dan di antara ayat-ayat-Nya ialah Dia menciptakan untukmu istri-istri dari jenismu sendiri, supaya kamu merasa nyaman kepadanya, dan dijadikan-Nya di antaramu mawadah dan rahmah. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir"
- AR-RUM 21 -
Wishes
Berikan ucapan terbaik
untuk kedua mempelai
[comment-kit style="golden"]
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.
Atas kehadiran dan Doa Restunya kami ucapkan terimakasih.
Wassalamualaikum Wr. Wb.
Kami Yang Berbahagia,
Keluarga Besar Kedua Mempelai
Andy & Zhea
- WeddingPress Template #58 -
Undangan Pernikahan Digital Created By Weddingpress
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").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();
}
}
Demo Undangan 19
THE WEDDING
Minggu, 12 DESEMBER 20XX
ANDY & ZHEA
Appreciate For Your Coming
Tamu Undangan
*) Mohon maaf apabila ada kesalahan penulisan nama/gelar
Akad Nikah
Tanggal
Sabtu, 11 Desember 202x
Waktu
08.00 - 09.30 WIB
Tempat
Jl. Lorem Ipsum No. 21
ACARA RESEPSI
Tanggal
Minggu, 12 Desember 202x
Waktu
08.00 - 09.30 WIB
Tempat
Jl. Lorem Ipsum No. 21
Beri Doa & Ucapan Terbaikmu
Untuk Kedua Mempelai
Tinggalkan kami doa terbaik anda untuk momen bahagia kami.
[comment-kit style="golden"]
Hope to see you soon, Stay safe and healthy!
Kirim Hadiah
Berikan hadiah spesial anda kepada mempelai baik berupa kado ataupun cashless melalui tombol dibawah ini:
Rek. Bank MANDIRI Pria
Rek. Bank BCA Wanita
Nomor OVO Pria
ALAMAT KIRIM KADO
function copyDropdown() {
var dropdown = document.getElementById("dropdown");
var selectedOption = dropdown.options[dropdown.selectedIndex].value;
var tempInput = document.createElement("input");
tempInput.value = selectedOption;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
alert("Rekening berhasil disalin: " + selectedOption);
}
.container {
display: flex;
}
#Dropdown {
float: left;
color: #000;
}
select {
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 11px;
width: 70%;
height: 40px;
border-color: #365071;
color: #C9C5C0;
background-color: #0001;
}
select:focus {
outline: none;
border-color: #365071;
}
#copy-btn {
margin-left: 10px;
float: right;
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 10px;
border: solid ;
border-width: 1px;
height: 40px;
border-color: #365071;
color: #365071;
width: 28%;
}
#copy-btn:hover {
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 11px;
height: 40px;
border-color: #365071;
color: #ffff;
background-color: #365071;
}
#copy-btn:focus {
outline: none;
}
“Semoga Allah menghimpun yang terserak dari keduanya, memberkati mereka berdua dan kiranya Allah meningkatkan kualitas keturunan mereka, menjadikannya pembuka pintu rahmat, sumber ilmu dan hikmah serta pemberi rasa aman bagi umat.”
(Doa Nabi Muhammad SAW, pada pernikahan putrinya Fatimah Azzahra dengan Ali Bin Abi Thalib)
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,
Andy & Zhea
Keluarga Besar
Mempelai Pria
Bpk. Lorem Ipsum & Ibu Dolor Sit
Keluarga Besar
Mempelai Wanita
Bpk. Lorem Ipsum & Ibu Dolor Sit
Turut Mengundang:
Keluarga Besar Bpk. Putra & Ibu Putri
Keluarga Besar Bpk. Dewa & Ibu Dewi
Dan seluruh keluarga lainnya.
Wassalamu'alaikum Warahmatullahi Wabarakatuh
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(".muncul, .muncul-kiri, .muncul-kanan, .zoom");
});
.goyang-1 {
animation-name: goyang1;
animation-duration: 3.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes goyang1{
0%{ transform: rotate(0deg) scale(1); }
50%{ transform: rotate(10deg) scale(1.1); }
75%{ transform: rotate(-5deg) scale(1.1); }
100%{ transform: rotate(0deg) scale(1); }
}
.naik-turun {
animation-name: naikturun;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes naikturun {
0% { transform: translate(0px,0px); }
50% { transform: translate(0px,-10px); }
100% { transform: translate(0px,0px); }
}
.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";
};
});