Romeo & Juliet Wedding
Acara :
Minggu, 15 November 2023
Subang Jawa Barat
The Wedding Of
Romeo & Juliet
Sabtu, 31 Desember 2023
Welcome
Nama Tamu
"Dan di antara tanda-tanda (kebesaran)-Nya ialah Dia menciptakan pasangan-pasangan untukmu dari jenismu sendiri, agar kamu cenderung dan merasa tenteram kepadanya, dan Dia menjadikan di antaramu rasa kasih dan sayang"
Qs: Ar-Rum Ayat 21
Counting Down
D
H
M
S
Akad Nikah
Minggu
Desember
31
2023
Pukul: 08:30 wib
Kediaman Mempelai Wanita
Jl. otista No. 127 Subang Jawa Barat
Resepsi
Minggu
Desember
31
2023
Pukul: 10:30 wib - Selesai
Graha Sofia
Jl. Otto Iskandardinata, Karanganyar, Kec. Subang, Kabupaten Subang, Jawa Barat
Love Story
Awal Bertemu
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Hubungan
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Tunangan
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Merupakan suatu kehormatan dan kebahagiaan bagi kami sekeluarga apabila Bapak/Ibu/Saudara/i berkenan hadir untuk memberikan doa restu kepada kami. Atas kehadiran serta doa restu, kami ucapkan terima kasih.
RSVP & Wedding wish
Wedding Gift
Bagi tamu undangan yang ingin memberikan hadiah kepada ke dua mempelai, bisa dikirimkan melalui no-rek kedua mempelai.
Join Our Wedding
Romeo & Juliet
Minggu, 31 Desember 2023
.showhiderek {
display:none;
}
.secCover {
position: fixed;
height: 100vh;
height:calc(var(--vh, 1vh) * 100);
overflow: hidden;
width: 100vw;
}
.stop-scrolling {
height: 100vh;
overflow: hidden;
}
.glow-this {
border-radius: 50%;
-webkit-animation: yellow 2s infinite;
-moz-animation: yellow 2s infinite;
-o-animation: yellow 2s infinite;
animation: yellow 2s infinite;
}
.audioRotate {
-webkit-animation: wdpMP3-muter 4s linear infinite;
-moz-animation: wdpMP3-muter 4s linear infinite;
animation: wdpMP3-muter 4s linear infinite;
}
@-moz-keyframes wdpMP3-muter { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes wdpMP3-muter { 100% { -webkit-transform: rotate(360deg); } }
@keyframes wdpMP3-muter { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.audio-box {
cursor:pointer;
}
function setDocHeight() {
// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
setDocHeight();
window.addEventListener('resize', setDocHeight)
window.addEventListener('orientationchange', setDocHeight)
let ytMusicPlaying = false;
let isYT = false;
const discWrapper = document.querySelectorAll(".elementor-icon-wrapper[id*=mute-sound] .elementor-icon");
const discMusics = document.querySelectorAll(".elementor-icon-wrapper[id*=mute-sound] .elementor-icon i");
const topSectionEl = document.querySelectorAll(".elementor-top-section");
hideAllSect();
disableScroll();
function hideAllSect(){
if ( document.body.classList.contains('elementor-editor-active') ) return;
for (const elSect of topSectionEl) {
if (elSect.matches("#secCover")) {
continue;
}
elSect.style.display = "none";
}
}
function showAllSect(){
for (const elSect of topSectionEl) {
if (elSect.matches("#secCover")) {
continue;
}
elSect.style.display = "";
}
}
document.getElementById("bukaInv").onclick=function(){
enableScroll();
_playAudio();
jQuery("#secCover").animate({ opacity: 0, top: "-100%"}, 1500);
showAllSect();
jQuery("#secCover").hide(1500,function(){
//jQuery("#ytSound").animate({ bottom: "0px"}, 4000);
});
};
discMusics.forEach((disc) => {
disc.onclick=function(){
_pauseAudio();
};
})
addEventListener('beforeunload', () => {
window.scrollTo(0,0)
});
function disableScroll() {
document.body.classList.add("stop-scrolling");
}
function enableScroll() {
document.body.classList.remove("stop-scrolling");
}
function _playAudio(){
if(!ytMusicPlaying) {
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").play();
isYT = false;
} else {
isYT = true;
jQuery("iframe").each(function() {
if(this.id==='youtube-player') jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*')
//jQuery("#ytSound").animate({ bottom: "0px"}, 1500);
});
}
ytMusicPlaying = true;
discMusics.forEach((disc) => {
disc.classList.add('audioRotate');
})
discWrapper.forEach((disc) => {
disc.classList.add('glow-this');
})
}
}
function _pauseAudio(){
if(ytMusicPlaying) {
if(document.body.contains(document.getElementById("song"))) {
document.getElementById("song").pause();
isYT = false;
} else {
isYT = true;
jQuery("iframe").each(function() {
if(this.id==='youtube-player') jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
//jQuery("#ytSound").animate({ bottom: "-320px"}, 1500);
});
}
ytMusicPlaying = false;
discMusics.forEach((disc) => {
disc.classList.remove('audioRotate');
})
discWrapper.forEach((disc) => {
disc.classList.remove('glow-this');
})
} else {
_playAudio()
}
}
const btnRek = document.querySelector('.btnRekening a');
const secRek = document.querySelectorAll('.rekening');
secRek.forEach((rek) => {
rek.classList.toggle('showhiderek');
})
btnRek.onclick = function(){
secRek.forEach((rek) => {
rek.classList.toggle('showhiderek');
})
}
jQuery(document).ready(function($) {
//Tombol Share to IG Cover
document.querySelector('.downloadInv').addEventListener('click', function(e){
e.preventDefault();
$('.downloadInv .elementor-button-text').html('Plesae wait...');
$('.downloadInv i').removeClass('fas fa-download');
$('.downloadInv i').addClass('fa fa-spinner fa-spin');
setTimeout(()=>{
html2canvas(document.getElementById('secCover'), {
logging: false, //sembunyikan log dari console
useCORS: true, //Gunakan CORS
proxy: "https://youinvited.id/",
imageTimeout: 30000, //Timeout
allowTaint: true,
scale: 1.5,
width: window.innerWidth,
height: window.innerHeight,
scrollX: window.pageXOffset,
scrollY: window.pageYOffset,
x: window.pageXOffset,
y: window.pageYOffset
}).then(function(canvas) {
downloadURI(canvas.toDataURL("image/png"),'eInvitation.png');
$('.downloadInv .elementor-button-text').html('Download e-Invitation');
$('.downloadInv i').removeClass('fa fa-spinner fa-spin');
$('.downloadInv i').addClass('fas fa-download');
});
},500)
});
})
function downloadURI(uri, name) {
const link = document.createElement("a");
if (typeof link.download === 'string') {
link.href = uri;
link.download = name;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
} else {
window.open(uri);
}
}
Presented with
by :
youinvited.id
© 2023
