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";
};
});