Undangan
Undangan Birthday – Anak Pria
Hello, Teman-teman, datang ke ulang tahunku
yang ke-7
Mohammed Levi Dio
Putra dari Bpk. Dio & Ibu Levi
00 Days
00 Hours
00 Minutes
00 Seconds
Sabtu, 22 Mei 2023
15.30 s.d selesai
Lokasi Acara:
Kediaman Bpk Dio, Jl. Lorem Ipsum Dolor No.21 - Indonesia
Galleri Fotoku
Kirim Hadiah Spesial
Terima kasih telah menambahkan semangat kegembiraan pada ulang tahun anak kami dengan pemberian hadian terbaik anda.
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: #2484FF;
color: #ffffff;
background-color: #2484FF;
}
select:focus {
outline: none;
border-color: #B47B38;
}
#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: #2484FF;
color: #2484FF;
width: 28%;
}
#copy-btn:hover {
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 11px;
height: 40px;
border-color: #2484FF;
color: #ffff;
background-color: #2484FF;
}
#copy-btn:focus {
outline: none;
}
Kirim Ucapan Dan Konfirmasi kehadiran
Merupakan suatu kebahagiaan dan kehormatan bagi kami, apabila teman-teman, berkenan hadir dan memberikan do'a.
Hormat Kami Yang Mengundang
Bpk. Dio & Ibu Levi
Copyright 2023 @ Luxee by Levidio - All Rights Reserved
//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").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();
}
}
.spin img {
animation: spin 10s linear infinite;
}
.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 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); }
}
@keyframes spin{
0%{ transform: rotate(0deg);}
100%{ transform: rotate(360deg);}
/* Gaya ikon play/pause */
#audio-container {
display: flex;
justify-content: center;
align-items: center;
height: 3vh;
}
#audio-toggle {
font-size: 25px;
color: #C0A275; /* Warna ikon play */
cursor: pointer;
transition: color 0.3s, transform 0.3s;
}
#audio-toggle:hover {
color: #B6BBC4; /* Warna ikon play saat hover */
transform: scale(1.2); /* Efek perbesaran saat di-hover */
}
.animate-spin {
animation: spin 0.5s;
}
.animate-spin-reverse {
animation: spin-reverse 0.5s;
}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes spin-reverse {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}
var audio = document.getElementById('audio');
var audioToggle = document.getElementById('audio-toggle');
// Fungsi untuk memainkan atau menghentikan audio saat ikon play/pause diklik
audioToggle.addEventListener('click', function() {
if (audio.paused) {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
} else {
audio.pause();
audioToggle.className = 'fa fa-play';
audioToggle.classList.add('animate-spin-reverse');
setTimeout(function() {
audioToggle.classList.remove('animate-spin-reverse');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
}
});
// Fungsi untuk autoplay audio saat "tombol-buka" diklik
document.getElementById('tombol-buka').addEventListener('click', function() {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
});
Undangan Birthday – Anak Perempuan
Sabtu
Desember
0
202x
Waktu Acara
Pukul 09.00 WIB - Selesai
Galleri Fotoku
Kirim Ucapan Dan Konfirmasi kehadiran
Kirim Hadiah Spesial
Terima kasih telah menambahkan semangat kegembiraan pada ulang tahun anak kami dengan pemberian hadian terbaik anda.
0147 8523 69xx a.n Luxee
Luxee Template 1
//* script copas text by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function() {
var btnCopas = document.getElementById("btncopas1");
var copasText = document.getElementById("copas1");
if (btnCopas && copasText) {
btnCopas.addEventListener("click", function() {
var textToCopy = copasText.innerText || copasText.textContent;
// Membuat elemen textarea sementara untuk menyalin teks
var tempTextarea = document.createElement("textarea");
tempTextarea.value = textToCopy;
tempTextarea.setAttribute("inputmode", "text"); // Mengatur inputmode ke "text"
document.body.appendChild(tempTextarea);
// Memilih dan menyalin teks dari textarea
tempTextarea.select();
document.execCommand("copy");
// Menghapus textarea sementara
document.body.removeChild(tempTextarea);
// Memberikan umpan balik bahwa teks telah disalin
alert(`"${textToCopy}" telah disalin ke clipboard`);
});
}
});
0147 8523 69xx a.n Luxee
Luxee Template 2
//* script copas text by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function() {
var btnCopas = document.getElementById("btncopas2");
var copasText = document.getElementById("copas2");
if (btnCopas && copasText) {
btnCopas.addEventListener("click", function() {
var textToCopy = copasText.innerText || copasText.textContent;
// Membuat elemen textarea sementara untuk menyalin teks
var tempTextarea = document.createElement("textarea");
tempTextarea.value = textToCopy;
tempTextarea.setAttribute("inputmode", "text"); // Mengatur inputmode ke "text"
document.body.appendChild(tempTextarea);
// Memilih dan menyalin teks dari textarea
tempTextarea.select();
document.execCommand("copy");
// Menghapus textarea sementara
document.body.removeChild(tempTextarea);
// Memberikan umpan balik bahwa teks telah disalin
alert(`"${textToCopy}" telah disalin ke clipboard`);
});
}
});
0147 8523 69xx a.n Luxee
Luxee Template 3
//* script copas text by andy dari weddingpress *//
document.addEventListener("DOMContentLoaded", function() {
var btnCopas = document.getElementById("btncopas3");
var copasText = document.getElementById("copas3");
if (btnCopas && copasText) {
btnCopas.addEventListener("click", function() {
var textToCopy = copasText.innerText || copasText.textContent;
// Membuat elemen textarea sementara untuk menyalin teks
var tempTextarea = document.createElement("textarea");
tempTextarea.value = textToCopy;
tempTextarea.setAttribute("inputmode", "text"); // Mengatur inputmode ke "text"
document.body.appendChild(tempTextarea);
// Memilih dan menyalin teks dari textarea
tempTextarea.select();
document.execCommand("copy");
// Menghapus textarea sementara
document.body.removeChild(tempTextarea);
// Memberikan umpan balik bahwa teks telah disalin
alert(`"${textToCopy}" telah disalin ke clipboard`);
});
}
});
Merupakan suatu kebahagiaan dan kehormatan bagi kami, apabila teman-teman, berkenan hadir dan memberikan do'a.
Hormat Kami Yang Mengundang
Bpk. Dio & Ibu Levi
.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); }
}
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();
}
}
/* Gaya ikon play/pause */
#audio-container {
display: flex;
justify-content: center;
align-items: center;
height: 3vh;
}
#audio-toggle {
font-size: 25px;
color: #C0A275; /* Warna ikon play */
cursor: pointer;
transition: color 0.3s, transform 0.3s;
}
#audio-toggle:hover {
color: #B6BBC4; /* Warna ikon play saat hover */
transform: scale(1.2); /* Efek perbesaran saat di-hover */
}
.animate-spin {
animation: spin 0.5s;
}
.animate-spin-reverse {
animation: spin-reverse 0.5s;
}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes spin-reverse {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}
var audio = document.getElementById('audio');
var audioToggle = document.getElementById('audio-toggle');
// Fungsi untuk memainkan atau menghentikan audio saat ikon play/pause diklik
audioToggle.addEventListener('click', function() {
if (audio.paused) {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
} else {
audio.pause();
audioToggle.className = 'fa fa-play';
audioToggle.classList.add('animate-spin-reverse');
setTimeout(function() {
audioToggle.classList.remove('animate-spin-reverse');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
}
});
// Fungsi untuk autoplay audio saat "tombol-buka" diklik
document.getElementById('tombol-buka').addEventListener('click', function() {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
});
Undangan Birthday – 17 Boy
Birthday Party
Honoring
Levi Dio Achmad
As He Turn Seven Ten!
Party Event
00 Days
00 Hours
00 Minutes
00 Seconds
“17 years of laughter, love, and happiness.”
26th
Sunday,
December
123
Lorem Ipsum
Street, Jember
18.30
In The
Afternoon
Kirim Hadiah Spesial
Terima kasih telah menambahkan semangat kegembiraan pada ulang tahun dengan pemberian hadian terbaik anda.
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: #250A47;
color: #ffffff;
background-color: #2D134D;
}
select:focus {
outline: none;
border-color: #250A47;
}
#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: #FFF3DE;
color: #250A47;
width: 28%;
}
#copy-btn:hover {
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 11px;
height: 40px;
border-color: #250A47;
color: #ffffff;
background-color: #2D134D;
}
#copy-btn:focus {
outline: none;
}
Kirim Ucapan
Merupakan suatu kebahagiaan dan kehormatan, apabila teman-teman berkenan hadir dan memberikan doa terbaiknya.
Best Regards.
Levi Dio
Copyright 2024 @ Luxee by Levidio - All Rights Reserved
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();
}
}
/* Gaya ikon play/pause */
#audio-container {
display: flex;
justify-content: center;
align-items: center;
height: 3vh;
}
#audio-toggle {
font-size: 25px;
color: #C0A275; /* Warna ikon play */
cursor: pointer;
transition: color 0.3s, transform 0.3s;
}
#audio-toggle:hover {
color: #B6BBC4; /* Warna ikon play saat hover */
transform: scale(1.2); /* Efek perbesaran saat di-hover */
}
.animate-spin {
animation: spin 0.5s;
}
.animate-spin-reverse {
animation: spin-reverse 0.5s;
}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes spin-reverse {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}
var audio = document.getElementById('audio');
var audioToggle = document.getElementById('audio-toggle');
// Fungsi untuk memainkan atau menghentikan audio saat ikon play/pause diklik
audioToggle.addEventListener('click', function() {
if (audio.paused) {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
} else {
audio.pause();
audioToggle.className = 'fa fa-play';
audioToggle.classList.add('animate-spin-reverse');
setTimeout(function() {
audioToggle.classList.remove('animate-spin-reverse');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
}
});
// Fungsi untuk autoplay audio saat "tombol-buka" diklik
document.getElementById('tombol-buka').addEventListener('click', function() {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
});
Undangan Birthday – 17 Girl
17 Birthday Party
Honoring
Levi Diana
As He Turn Seven Ten!
00 Days
00 Hours
00 Minutes
00 Seconds
Party Event
“17 years of laughter, love, and happiness.”
26th
Sunday,
December
123
Lorem Ipsum
Street, Jember
18.30
In The
Afternoon
Kirim Hadiah Spesial
Terima kasih telah menambahkan semangat kegembiraan pada ulang tahun dengan pemberian hadian terbaik anda.
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: #250A47;
color: #ffffff;
background-color: #2D134D;
}
select:focus {
outline: none;
border-color: #250A47;
}
#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: #FFF3DE;
color: #250A47;
width: 28%;
}
#copy-btn:hover {
border-radius: 0px;
font-family: 'roboto'
font-weight: bold;
font-size: 11px;
height: 40px;
border-color: #250A47;
color: #ffffff;
background-color: #2D134D;
}
#copy-btn:focus {
outline: none;
}
Kirim Ucapan
Merupakan suatu kebahagiaan dan kehormatan, apabila teman-teman berkenan hadir dan memberikan doa terbaiknya.
Best Regards.
Levi Diana
Copyright 2024 @ Luxee by Levidio - All Rights Reserved
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();
}
}
/* Gaya ikon play/pause */
#audio-container {
display: flex;
justify-content: center;
align-items: center;
height: 3vh;
}
#audio-toggle {
font-size: 25px;
color: #C0A275; /* Warna ikon play */
cursor: pointer;
transition: color 0.3s, transform 0.3s;
}
#audio-toggle:hover {
color: #B6BBC4; /* Warna ikon play saat hover */
transform: scale(1.2); /* Efek perbesaran saat di-hover */
}
.animate-spin {
animation: spin 0.5s;
}
.animate-spin-reverse {
animation: spin-reverse 0.5s;
}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes spin-reverse {
from {transform: rotate(360deg);}
to {transform: rotate(0deg);}
}
var audio = document.getElementById('audio');
var audioToggle = document.getElementById('audio-toggle');
// Fungsi untuk memainkan atau menghentikan audio saat ikon play/pause diklik
audioToggle.addEventListener('click', function() {
if (audio.paused) {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
} else {
audio.pause();
audioToggle.className = 'fa fa-play';
audioToggle.classList.add('animate-spin-reverse');
setTimeout(function() {
audioToggle.classList.remove('animate-spin-reverse');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
}
});
// Fungsi untuk autoplay audio saat "tombol-buka" diklik
document.getElementById('tombol-buka').addEventListener('click', function() {
audio.play();
audioToggle.className = 'fa fa-pause';
audioToggle.classList.add('animate-spin');
setTimeout(function() {
audioToggle.classList.remove('animate-spin');
}, 500); // durasi animasi harus sesuai dengan durasi dalam @keyframes
});
The Wedding Of Leo & Khoir
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!
- 0Hari
- 0Jam
- 0Menit
- 0Detik
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
"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();
}
}
Dellia-Roziqin
Assalamualaikum Warahmatullahi Wabarakatuh
Maha suci Allah SWT yang telah menciptakan makhluk-NYA berpasang-pasangan. 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 kami.
Maha suci Allah SWT yang telah menciptakan makhluk-NYA berpasang-pasangan. 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 kami.
Krisdayanti Lubis
Putri ke 1 Dari Keluarga
Bapak eben lubis & Ibu Idawati
Bapak eben lubis & Ibu Idawati
Irsyad Rajib Syam ST
Dirut PT Rohul Berdikari Jaya
Putra ke 3 Dari Keluarga
Bapak Afandi Abni & Ibu Rita Suryani
Bapak Afandi Abni & Ibu Rita Suryani
Waktu Menuju Acara
00 Hari
00 Jam
00 Menit
00 Detik
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
- Senin 27 Januari 2025
- 08.00 WIB s.d Selesai
- Batas Marubi
Resepsi
- Senin. 27 Januari 2025
- 10.00 WIB s.d Selesai
- Batas Marubi
Wedding Gallery
Love Story
Awal pertama kali kita kenal pada bulan Januari, awalnya kenal di mobil terus balas komen status wa tiba tiba ngajak kenalan padahal dia tau klau aku penumpang nya dan akhirnya dekat
Kita memutuskan untuk tunangan di tanggal 21 Januari 2025
Tempat di tanggal 27 Januari 2025 kami akan melangsungkan acara pernikahan secara sederhana dengan restu orang tua dan ridho Allah SWT.
Bismillahirrahmanirrahim
Beri ucapan dan doa
"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 -
- AR-RUM 21 -
Kirim Hadiah
Jika memberi adalah ungkapan tanda kasih Anda, Anda dapat memberi kado secara cashless.
Merupakan suatu kehormatan & kebahagiaan bagi kami apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kedua mempelai.
Atas kehadiran dan do’a restunya kami ucapkan banyak terima kasih
Wassalamu’alaikum Warahmatullahi Wabarakatuh
Kami Yang Berbahagia,
Atas kehadiran dan do’a restunya kami ucapkan banyak terima kasih
Wassalamu’alaikum Warahmatullahi Wabarakatuh
Kami Yang Berbahagia,
Krisdayanti & Irsyad
Keluarga Besar Mempelai Wanita
Bapak Slamet & Ibu Sumari
Keluarga Besar Mempelai Pria
Bapak Jupri & Ibu Sumarni (Almh)
Bapak Slamet & Ibu Sumari
Keluarga Besar Mempelai Pria
Bapak Jupri & Ibu Sumarni (Almh)
Terima kasih telah memilih produk kami. Semoga pernikahan Anda Barokah dan menjadi keluarga yang Sakinah, Mawaddah, Warrahmah.
Aamiin
- WeddingPress -
Undangan Pernikahan Digital
Created By :
Buat_undangan.id
082214435694
Aamiin
- WeddingPress -
Undangan Pernikahan Digital
Created By :
Buat_undangan.id
082214435694
The Wedding Of
Krisdayanti & Irsyad
Kepada Bapak/Ibu/Saudara/i
Tamu Undangan
Di Tempat