-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
82 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,82 @@ | ||
<!DOCTYPE html> | ||
<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=Nunito+Sans:wght@400;700&display=swap" rel="stylesheet"> | ||
<link href="https://fonts.googleapis.com/css2?family=Sono:wght@600&display=swap" rel="stylesheet"> | ||
<link href="https://fonts.googleapis.com/css2?family=Nerko+One&display=swap" rel="stylesheet"> | ||
|
||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script> | ||
<script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script><link href="../htmlku/dibacayuk_style.css" rel="stylesheet" type="text/css" /> | ||
<script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script> | ||
|
||
<head> | ||
<title>Foryou Glesia Lovanda 💝</title> | ||
<meta name="description" content="Too Glesia Lovanda 💝"> | ||
</head> | ||
<body> | ||
|
||
<!-- Ganti Audio di sini --> | ||
<audio src="../htmlku/nightchanges.mp3" id="linkmp3" class="sembunyi"></audio> | ||
|
||
<div id="bodyblur"> | ||
<!-- Wallpaper / Background --><img src="../htmlku/awan.jpg" id="wallpaper"/> | ||
</div> | ||
|
||
<div id='Content'> | ||
|
||
<div id="ftAwal"> | ||
<!-- Stiker Pembuka --> | ||
<img src="../htmlku/pandaputih.gif" id="ftoAwal"/> | ||
</div> | ||
|
||
<div id="loveIn"> | ||
<!-- Tombol LOVE --> | ||
<label class='lovein'>❤</label> | ||
</div> | ||
<p id="ket">Sentuh LOVEnya!</p> | ||
|
||
<div class="kumpulanstiker"> | ||
<!-- Stiker untuk Konten --> | ||
<img src="../htmlku/pusn.gif" id="fotostiker"/> | ||
<img src="../htmlku/wortel.gif" id="fotostiker1"/> | ||
<img src="../htmlku/ngumpet.gif" id="fotostiker2"/> | ||
<img src="../htmlku/bwa2.gif" id="fotostiker3"/> | ||
</div> | ||
|
||
<div><div id='pergeseran'> | ||
|
||
<!-- Edit Pesan di Sini --> | ||
<p><b> | ||
<span>hii ayaangg<br>makasii yaa</span> | ||
</b></p> | ||
|
||
<p><b> | ||
<span>makasi buat apa hayoo?</span> | ||
</b></p> | ||
|
||
<p><b> | ||
<span>baca sampai akhir yaa 😋</span> | ||
</b></p> | ||
|
||
</div></div> | ||
|
||
<p id="ketgeser">Klik untuk Geser!</p> | ||
|
||
<!-- Edit Pesan Akhir di Sini --> | ||
<div><blockquote id='bq'> | ||
<p id="kalimat">aku cuma mau bilang terimakasih udah selalu bersamaku dan mau nerima aku apa adanya.. dan asal kamu tau gimana beruntungnya aku semenjak deket sama kamu, dengan kamu yang sederhana tapi kamu selalu punya cara buat aku <i>happy</i> bahkan dari hal kecil yang belum pernah aku dapatkan sebelumnya.. terimakasih banyak yaa, dari kamu aku merasa dihargai..</p> | ||
<p id="pesanAkhir">i love uuu >< 🤍</p> | ||
</blockquote></div> | ||
|
||
</div> | ||
|
||
<script> | ||
const body = document.querySelector("body"); const iniwp = [];iden = 1; const swalst = Swal.mixin({timer: 2500, 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-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);Content.style = "opacity:1;margin-top:14vh"; const swals = Swal.mixin({allowOutsideClick: false, cancelButtonColor: '#FF0040', imageHeight: 80,}); | ||
</script> | ||
<script src="../htmlku/dibacayuk_script.js"></script> | ||
<!-- Sampai Sini --> | ||
</body> | ||
</html> |