Undangan Syukuran
Khitan
Dio Achmad
Kami mengundang Bapak/Ibu/Saudara/i untuk berhadir pada acara Tasyakuran Khitan anak kami.
Kepada Yth. Bapak / Ibu / Saudara/i
Tamu Undangan
Assalamualaikum Wr. Wb.
Dengan memohon rahmat & ridha Allah SWT. Kami bermaksud menyelenggarakan acara Khitan putra kami. Dan Kami mengundang Bapak/Ibu/Saudara/i untuk berhadir pada acara Tasyakuran Khitan ini.
Dio Achmad
ACARA KHITANAN
Waktu Acara Khitan
12 Desember 202x
08:00 WIB s.d Selesai
Rumah Bpk Dio Achmad
Jl. Lorem Ipsum No. 21
DOA AYAH & BUNDA
"Sempurnakanlah putra kami dalam ibadahnya setelah melakukan khitanan ini. Jadikan dia anak yang selalu dalam lindungan-Mu ya Allah, jadi anak yang sholih, hafal Al-Qur'an, faham dalam agama dan diberkahi kehidupannya didunia dan di akhirat, aamiin."
Silahkan juga berikan
Ucapan & Doa Terbaik Anda!
Spesial 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.
Amplop Digital
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`);
});
}
});
Terima Kasih
Merupakan suatu kebahagiaan dan kehormatan bagi kami, apabila Bpk / Ibu / Saudara/i dan teman-teman, berkenan hadir dan memberikan do'a.
Ayah & Bunda Dio Achmad
Semoga menjadi anak yang sholeh dan sukses dunia dan akhirat.
Aamiin yaa robbal 'aalamin.
Wassalamualaikum Wr. Wb.
Digital Invitation Created by Luxee
Copyright 2024 @ 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();
}
}
.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); }
}
/* 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
});