<!--
--  Uploaded on : https://haxor.my.id/open/Hbd.htm
--  Official Web : https://prinsh.com
--  script-deface-generator.prinsh.com
-->
<html>
<meta charset='UTF-8'/><meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/><meta content='IE=edge' http-equiv='X-UA-Compatible'/><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Shippori+Antique&display=swap" rel="stylesheet"><script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark/dark.css"><script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script><link href="https://untukkamu.likeadream.repl.co/style.css" rel="stylesheet" type="text/css" /><script src="https://untukkamu.likeadream.repl.co/script.js"></script>
<head>
<!-- 
This code was made by Rayya R!
Blog: https://sinkronin.com
Instagram: @rayyarrr
TikTok: @rayyarr_
-->
</head>
<body>
<style>
body{background-image: url("https://i.postimg.cc/MHRzvKfZ/IMG-20211217-110148-389.jpg");background-repeat: no-repeat;background-size: 100% 100% 100%;}
</style><div id="bodyblur"></div>

<div id="konten"><div id="fotoloveu"><div class="image">
<!-- Foto Akhir --><img src="https://i.postimg.cc/J0vtF4Sj/the-hype-house.png" id="animasi" width="130px" height="130px"/></div></div>

<p class='catatan sek' data-text='&#9829;' id='koteks'>
<b style="font-size:1.1rem">Happy Birthday, <span id="kamu"></span> &#129395;</b><br>
Semoga semua yang diinginkan tercapai dengan sempurna! <br>
Sehat-sehat selalu di sana, <br>
Aku sayang kamu <3 <br>
</p>

<div id="tombWA"><a class='button' onClick='bukaWa();'>Kirim Pesan</a></div>

</div>

<!-- Lagu dan Pesan WA --><script>
function play() {//Link Audio Bisa Diganti
var audio = new Audio('https://bukadulu.likeadream.repl.co/Dandelions.mp3');audio.play();}         

//Pesan WhatsApp
 function bukaWa(){window.location = "https://api.whatsapp.com/send?phone=6283838813162&text=" + window.nama + " udah liat semuanya. Makasi ya ><" + "%0A%0A" + "- " + dateTime;} 
</script>
 
<script type="text/javascript">            
            var today = new Date();var date = today.getDate()+'/'+(today.getMonth()+1)+'/'+today.getFullYear()+'.';var dateTime = date;
            const swals = Swal.mixin({
                backdrop: 'rgba(0,0,123,0.4)', confirmButtonColor: '#55009E', cancelButtonColor: '#FFCA00', allowOutsideClick: false,
            });
            async function mulai(){          	
                var { value: nama } = await swals.fire({
                    title: 'Nama kamu?',
                    input: 'text',
                    confirmButtonText: 'Lanjut',
                    showCancelButton: false,
                });                           
                if(nama && nama.length < 9){
                	play();
                	window.nama = nama;
                    document.getElementById("kamu").innerHTML = "" + window.nama;
                    await swals.fire('Hai, ' + nama + ' manis &#129395;', 'Kamu ultah ya hari ini? Aku ada pilihan nih buat kamu');                    
                    pilihwarna();                   
                //                                   
                } else {
                    await swals.fire('Ups!', 'Nama tidak boleh kosong atau lebih dari 8 karakter, ya!');
                    mulai();
                }
            }            
            mulai();
</script>
<!-- Di bawah ini JANGAN DIEDIT SEMBARANGAN -->
<script>
  function tombol() {document.getElementById('tombWA').style.visibility = "visible";document.getElementById('tombWA').style.opacity = "1";}  
  async function expl(){document.getElementById('bodyblur').style.opacity = "1";document.getElementById('bodyblur').style.visibility = "visible";setTimeout(duar,200);}
  
async function duar(){
var e1 = document.getElementById('animasi');e1.classList.add("degdeg");
document.getElementById('konten').style.top = "0";document.getElementById('fotoloveu').style.opacity = "1";document.getElementById('fotoloveu').style.height = "140px";document.getElementById('fotoloveu').style.margin = "50px 0 0 0";document.getElementById('koteks').style.opacity = "1";
setTimeout(tombol,4000);setInterval(createHeart,200);
document.body.style.backgroundColor = "#000";
}

const body = document.querySelector("body");
function createHeart() {
    const heart = document.createElement("div");
    heart.className = "fas fa-heart";
    heart.style.left = (Math.random() * 90)+"vw";
    heart.style.animationDuration = (Math.random()*3)+2+"s"
    body.appendChild(heart);
}
setInterval(function name(params) {
    var heartArr = document.querySelectorAll(".fa-heart")
    if (heartArr.length > 50) {
       heartArr[0].remove()
    }
},100);

async function pilihwarna(){
  var { isConfirmed: warna } = await swals.fire({
  title: nama + ' mau pilih warna apa nih?',
  showCancelButton: true,
  confirmButtonText: 'Ungu',
  cancelButtonText: 'Kuning',
});
if(warna){
    await swals.fire('Yeayy!', 'Kalo kamu pilih <b>Ungu</b> berarti kamu kesayanganku! &#129395;');
    var { isConfirmed: warna2 } = await swals.fire({
    title: nama + ' yakin pilih warna Ungu?', 
    text: 'Atau mau ganti warna aja nih?', showCancelButton: true,
    confirmButtonText: 'Yakin',
    cancelButtonText: 'Ganti',
}); 
if(warna2){
    await swals.fire('Oke!', `Sekarang lihat ini ya &#10084;&#65039;`);
    expl();
  } else {
    await swals.fire('Oke, memilih Kuning!', 'Sama aja sih sebenernya, cuma kalo Kuning lebih cerah aja warnanya &#129315;');
    await swals.fire(`Sekarang lihat ini ya &#10084;&#65039;`);
    expl();
}
//Selingan
  } else {
    await swals.fire('Yeayy!', 'Kalo kamu pilih <b>Kuning</b> berarti kamu kesayanganku! &#129395;');
    var { isConfirmed: warna2 } = await swals.fire({
    title: nama + ' yakin pilih warna Kuning?', 
    text: 'Atau mau ganti warna aja nih?', showCancelButton: true,
    confirmButtonText: 'Ganti',
    cancelButtonText: 'Yakin',
});
if(warna2){    
    await swals.fire('Oke, memilih Ungu!', 'Sama aja sih sebenernya, cuma beda warna doang &#129315;');
    await swals.fire(`Sekarang lihat ini ya &#10084;&#65039;`);
    expl();
  } else {
    await swals.fire('Oke!', `Sekarang lihat ini ya &#10084;&#65039;`);
    expl();
}
}
}
</script>
</body>
</html>