Skip to content

Create Rippa #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
cheeseboyy-zzxl wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Create Rippa #23

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
133 changes: 133 additions & 0 deletions Rippa
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,133 @@
<!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=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/sweetalert2@11.0.19/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/typeit@8.7.0/dist/index.umd.js"></script>
<script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script>

<head>
<title>Script HTML buat Kamu</title>
<link rel="icon" type="image/x-icon" href="https://www.palingit.com/favicon.ico">
<meta name="description" content="HTML Replit Coding">
<!--
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://files.catbox.moe/49qt48.m4a" 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">Selamat Ulang Tahun ocill 🥳💙</p>
<p id="pesan4">Happy Birthday, </p>
<p id="pesan5" class="gaya2">Many more candles to blow </p>
<p id="pesan6" class="gaya2">Di umur kamu yang bertambah ini, aku cuman mau ngasih tau 1 hal. kalok kamu itu bagian paling berharga di hidupku sekarang. 💙🌎</p>
<p id="pesan7" class="gaya2">Sebenernya emang lucu aja, setiap langkah kecilmu,setiap tawa dan langkah polosmu. semua hal itu bikin aku sadar kalok cinta ini sederhana dan i hope ini akan indah. semoga hal baik selalu beriringan denganmu, semoga semesta senantiasa berpihak padamu, semoga jalanmu untuk mencapai masa depan yang cerah dipermudahkan, teruslah tumbuh, teruslah melangkah & berbahagialah. aku akan selalu bangga atas setiap proses yang sudah kamu lalui. selamat datang di kehidupan yang lebih rumit, i will always support u from afar.Aku akan melihatmu berproses meski jarak memisahkan kita tak jadi hambatan karena, menjadi saksi dari setiap perjuangan dan pencapaianmu.

Meski tak selalu hadir di dekatmu, aku akan selalu mendukungmu dengan doa dan harapan terbaik. Ketika kamu merasa lelah atau ragu, ingatlah bahwa ada seseorang yang selalu percaya padamu, yang selalu bangga dengan setiap langkahmu, baik itu besar maupun kecil.

Aku akan selalu menjadi orang yang paling bangga dengan setiap prosesmu, dengan setiap keberhasilan dan bahkan kegagalanmu. Karena bagiku, melihatmu berusaha dan tumbuh adalah kebahagiaan tersendiri. Teruslah melangkah, aku akan selalu mendukungmu, meski kita terpisah oleh jarak </p>

<p id="pesan8" class="gaya2">meski sekarang kita lagi di kondisi yang rumit percaya aja ini akan berlalu yaa ;)</p>
<p id="pesan9" class="gaya2">Maaf belum bisa kasih apa-apa,dan belum bisa jadi yang terbaik. aku harap dengan ini udah jadi hadiah buat kamu ya 🎁</p>
<p id="pesan10" class="gaya2">Happy Level Up Day!! 😊</p>

<!-- Tombol Lanjut -->
<p id="opsL">Klik untuk Lanjut</p>
</blockquote></div>

<!-- Tombol Kirim Pesan -->
<div id="Tombol"><a id="By">&#128140; Lanjut</a></div>

<!-- Pesan Tambahan -->
<p id="katatambahan" class="sembunyi">Gajadi deh soalnya kamu bau wleee 🤪</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=6281390176680&text=" + pesanwhatsapp;}
</script>
<script src="https://feeldreams.github.io/heihbd/script.js"></script>
<!-- Sampai Sini -->
</body>
</html>