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