-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (103 loc) · 6.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="id">
<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:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script><link href="https://feeldreams.github.io/heihbd/style.css" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/[email protected]/dist/index.umd.js"></script>
<script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script>
<head>
<title>Happy Birthday</title>
<link rel="icon" type="image/x-icon" href="https://malasid.github.io/favicon.png">
<meta name="description" content="HTML Bucin Malas.id">
<!--
Made with love by Rayys!
Blog: https://PalingIT.com
Instagram: @rayyarrr
TikTok: @rayy4r
Email: [email protected]
Thanks to all <3
-->
</head>
<body>
<!-- Ganti Audio di sini -->
<audio src="y2mate.is - D4VD Here With Me ゚ ゚ Lyrics -oHM6fBVeOFk-128k-1702040831.mp3" id="linkmp3" class="sembunyi"></audio>
<div id="bodyblur">
<!-- Wallpaper --><img src="https://feeldreams.github.io/wp9.jpg" id="wallpaper"/><div id="beneranblur"></div>
</div>
<div id='Content'>
<div id="kadoIn">
<!-- Tombol Surat --><img src="https://feeldreams.github.io/kadoin.png"/>
</div>
<p id="ket">Klik Kadonya!</p>
<div class="kumpulanstiker">
<!-- Stiker untuk Konten -->
<img src="https://feeldreams.github.io/bunga.gif" id="fotostiker"/>
<img src="https://feeldreams.github.io/pusn.gif" id="fotostiker1"/>
<img src="https://feeldreams.github.io/pandacoklat.gif" id="fotostiker2"/>
<img src="https://feeldreams.github.io/cilukba.gif" id="fotostiker3"/>
<img src="https://feeldreams.github.io/pandakuning.gif" id="fotostiker4"/>
<img src="https://feeldreams.github.io/emawh.gif" id="fotostiker5"/>
<img src="https://feeldreams.github.io/pandacoklat.gif" id="fotostiker6"/>
</div>
<p id="halo" class="halo"></p>
<div><blockquote id='bq' data-text='㋡'>
<p id="kalimat">Aku Ada Sesuatu Nih 🤣❤️</p>
<p id="pesan1">Klik 4 LOVE di Bawah! 😆❤️</p>
<div id="kolombaru">
<li id="lv1">🤍</li>
<li id="lv2">🤍</li>
<li id="lv3">🤍</li>
<li id="lv4">🤍</li>
</div>
<p id="pesan2">Tunggu...</p>
<!-- Pesan -->
<p id="pesan3">halo pendek🤣❤️</p>
<p id="pesan4">pendek jangan lupa makan tiang ya </p>
<p id="pesan5" class="gaya2">biar bisa tingi🤣</p>
<p id="pesan6" class="gaya2">halu juga jangan berlibihan 😆❤️</p>
<p id="pesan7" class="gaya2">cegil cewe mungil😂❤️</p>
<p id="pesan8" class="gaya2">Canda wkwwk :v</p>
<p id="pesan9" class="gaya2">Oh iya,kalau jadi cosplay aku mau papnya ya!❤️</p>
<p id="pesan10" class="gaya2">dada bocil😁</p>
<!-- Tombol Lanjut -->
<p id="opsL">Klik untuk Lanjut</p>
</blockquote></div>
<!-- Tombol Kirim Pesan -->
<div id="Tombol"><a id="By">💌 Lanjut</a></div>
<!-- Pesan Tambahan -->
<p id="katatambahan" class="sembunyi">Gajadi deh soalnya kamu pendek wlee 😜</p>
<!-- Pesan Ditolak -->
<div id="pesanditolak">
<img id="stikerditolak" src="https://feeldreams.github.io/weee.gif"/>
<p id="kataditolak">Yaudah kalo gamau mh 😜</p>
</div>
</div>
<script>
const body = document.querySelector("body");const swalst = Swal.mixin({timer: 2300, allowOutsideClick: false, showConfirmButton: false, timerProgressBar: true, imageHeight: 90,}); audio = new Audio('' + linkmp3.src); ftganti=0;fungsi=0;fungsiAwal=0;deffotostiker=fotostiker.src;function berjatuhan() {const heart = document.createElement("div"); heart.className = "fas fa-snowflake"; 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-snowflake"); if (heartArr.length > 100) {heartArr[0].remove()}},100);Content.style = "opacity:1;margin-top:16vh"; const swals = Swal.mixin({allowOutsideClick: false, cancelButtonColor: '#FF0040', imageHeight: 80,});
document.getElementById("kadoIn").onclick = function() {if(fungsiAwal==0){audio.play();fungsiAwal=1;kadoIn.style="transition:all .8s ease;transform:scale(10);opacity:0";wallpaper.style="transform: scale(1.5);";ket.style="display:none";setTimeout(initengahan,300);setTimeout(inipesan,500)}}
async function inipesan(){
var { value: nama } = await swals.fire({
title: 'Masukin Nama Kamu', input: 'text',
});
if(nama && nama.length < 11){
window.nama = nama;
vketikhalo="Hai, " + nama + " ✨";
mulainama();
} else {
await swals.fire('Ups!', 'Nama tidak boleh kosong atau lebih dari 10 karakter, ya!');inipesan();
}
}
//Variable Pertanyaan Akhir
var tanya = 'Mau Kado Gak Nih? 😶❤️';
var opstanya = 'Ayo jawab 😆';
var tompositif = 'Mau';
var tomnegatif = 'Engga';
async function menuju(){pesanwhatsapp = "Makasii udah ngucapin " + nama + " ultah ><";await swals.fire('OK!', 'Kirim jawabannya ke WhatsApp aku, ya!', 'success');window.location = "https://api.whatsapp.com/send?phone=&text=" + pesanwhatsapp;}
</script>
<script src="https://malasid.github.io/html/hbd.js"></script>
<!-- Sampai Sini -->
</body>
</html>