17 Birthday Party
Honoring
Levi Diana
As He Turn Seven Ten!
Days
Hours
Minutes
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
});