forked from FirmanKurniawan/HTML-Projects
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGppko.html
118 lines (95 loc) · 5.83 KB
/
Gppko.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
<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=Josefin+Sans:wght@400;700&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script><link href="https://feeldreams.github.io/gppko/style.css" rel="stylesheet" type="text/css" />
<script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script>
<head>
<title>Script HTML</title>
<!--
Made with love by Rayys!
Blog: https://PalingIT.com
Instagram: @rayyarrr
TikTok: @rayy4r
Email: rayyar0703@gmail.com
Thanks to all <3
-->
</head>
<body>
<!-- Ganti Audio di sini --><audio src="https://feeldreams.github.io/gppko/gppko.mp3" id="linkmp3"></audio><script>audio = new Audio('' + linkmp3.src);</script>
<div id="bodyblur">
<!-- Wallpaper --><img src="https://feeldreams.github.io/wp2.jpeg" id="wallpaper"/><div id="beneranblur"></div>
</div>
<div id='Content'>
<div id="suratin" onClick="memulai();">
<!-- Tombol Surat --><img src="https://rayyscoding.github.io/envelope.png"/>
</div>
<p id="ket">Klik Pesannya!</p>
<div>
<!-- Stiker untuk Konten -->
<img src="https://feeldreams.github.io/ywdh.gif" id="fotoakhir"/>
<img src="https://feeldreams.github.io/bantal.gif" id="fotoakhir1"/>
<img src="https://feeldreams.github.io/ngumpet.gif" id="fotoakhir2"/>
<img src="https://feeldreams.github.io/ywdh.gif" id="fotoakhir3"/>
<img src="https://feeldreams.github.io/pandaknp.gif" id="fotoakhir4"/>
<img src="https://feeldreams.github.io/smprt.gif" id="fotoAkhir"/>
</div>
<div><blockquote id='bq'>
<!-- Konten Penerapan -->
<p id="kalimat">Cuekin Aja Terus...</p>
<p id="kalimata">Gapapa Kok,</p>
<p id="kalimatb">Nanti Juga Kalo Gue Udah Cape...</p>
<p id="kalimatc">Gue Bakal Ngilang 🥺💔</p>
<p id="kalimatd">Hehehe 👉🏻👈🏻</p>
<!-- Konten Pertanyaan -->
<p id="kalimat2">Paham kan? 🙂💔</p>
<!-- Konten Jawaban -->
<p id="kalimat3">Okeeyy ❤️❤️</p>
<p id="kalimatb3">Balas pesan ke WhatsApp aku yaa~</p>
</blockquote></div>
<!-- Pesan Ditolak -->
<div id="pesanditolak">
<img id="stikerditolak" src="https://feeldreams.github.io/ywdh.gif"/>
<p id="kataditolak">Ihh... Dahlah 🥺💔</p>
</div>
<!-- Pesan yang Akan Dikirim ke WhatsApp -->
<span id="pesanWA">Hehe iya paham ko🙁</span>
<!-- Tombol Multifungsi -->
<div id="Tombol">
<a id="By" onClick="multifungsi()">
<b id="tmbl">Lanjut</b>
<b id="tmbl2">Iyaa</b>
</a>
<a id="Bn" onClick="ditolak()">Engga</a>
</div>
</div>
<!-- Jangan Edit Bagian Ini --><script>
ftom=0;jikakuis=0;ftganti=0;flag=1;flagg=1;fungsi=0;
function mulaikonten() {
fungsi=1;
suratin.style="display:none";
ket.style="display:none";
Content.style = "opacity:1;margin-top:4vh;";
bodyblur.style="opacity:.4;animation:none";
wallpaper.style="transform: scale(1);";
bq.style = "position:relative;opacity:1;visibility:visible;margin-top:0;";
audio.play();ftganti=0;ftmuncul();
setTimeout(mulaiketik1,700);
setTimeout(fmulaiketik1b,1950);setTimeout(mulaiketik1b,1950);
setTimeout(fmulaiketik2,3600);setTimeout(mulaiketik2,3600);
setTimeout(fmulaiketik3,5800);setTimeout(mulaiketik3,5800);
setTimeout(fmulaiketik4,7300);setTimeout(mulaiketik4,7300);
}
function ftmuncul(){
if(ftganti==0){fotoakhir.style="display:inline-flex;transition:all .7s ease;opacity:1;transform:scale(1)";}
if(ftganti==1){fotoakhir.src = fotoakhir4.src;fotoakhir.style="display:inline-flex;opacity:1;transition:all .7s ease;transform:scale(1);";}
if(ftganti==2){fotoakhir.src = fotoakhir2.src;fotoakhir.style="display:inline-flex;opacity:1;transition:all .7s ease;transform:scale(1);";}
if(ftganti==3){fotoakhir.src = fotoAkhir.src;fotoakhir.style="display:inline-flex;opacity:1;transition:all .7s ease;transform:scale(1);";}
}
async function menuju(){await swals.fire('OK!', 'Kirim pesan ke WhatsApp aku, ya!', 'success');window.location = "https://api.whatsapp.com/send?phone=&text=" + pesanwhatsapp;Tombol.style="margin-top:15px;opacity:1;transform: scale(1);";}
const swalst = Swal.mixin({timer: 2777, allowOutsideClick: false, showConfirmButton: false, timerProgressBar: true, imageHeight: 100,}); const swals = Swal.mixin({allowOutsideClick: false, cancelButtonColor: '#FF0040', imageWidth: 100, imageHeight: 100,}); 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 > 100) {heartArr[0].remove()}},100);
</script>
<script src="https://feeldreams.github.io/gppko/script.js"></script>
<!-- Sampai Sini -->
</body>
</html>