<!--
-- Uploaded on : https://haxor.my.id/open/Kecerdasanz.html
-- Official Web : https://prinsh.com
-- script-deface-generator.prinsh.com
-->
<!--
-- Diunggah di: https://haxor.my.id/open/DimasAI.html
-- Situs Web Resmi : https://prinsh.com
-- skrip-deface-generator.prinsh.com
-->
<!--
Buatan rev
-->
<!DOCTYPE html>
<html lang="id">
<kepala>
<meta charset="UTF-8">
<meta nama="viewport" konten="lebar=lebar-perangkat, skala-awal=1.0">
<judul>Revdev</judul>
<tautan rel="ikon" href="https://i.ibb.co/RpLrzPnr/67ca2014bdcaf6ff.jpg">
<gaya>
* {
ukuran-kotak: kotak-perbatasan;
batas: 0;
bantalan: 0;
}
tubuh {
font-family: 'Segoe UI', Arial, sans-serif;
tinggi min: 100vh;
gambar latar: url('https://img12.pixhost.to/images/1002/577331128_alfixd.jpg');
tampilan: fleksibel;
sejajarkan-item: tengah;
justify-content: tengah;
bantalan: 20px;
arah-fleksibel: kolom;
posisi: relatif;
}
.wadah obrolan {
lebar: 100%;
lebar maks: 900 piksel;
latar belakang: rgba(0, 0, 0, 0.7);
radius batas: 20px;
bayangan kotak: 0 8px 20px rgba(0, 0, 0, 0.3);
bantalan: 20px;
filter latar belakang: kabur(10px);
}
.header-obrolan {
tampilan: fleksibel;
sejajarkan-item: tengah;
margin-bawah: 15px;
border-bottom: 1 piksel padat #ccc;
padding-bawah: 15px;
}
.avatar bot {
lebar: 60px;
tinggi: 60px;
margin-kanan: 15px;
}
.avatar bot img {
lebar: 100%;
tinggi: 100%;
radius batas: 50%;
}
.header obrolan h1 {
warna: putih;
ukuran font: 1.5rem;
}
.pesan-obrolan {
tinggi: 400px;
overflow-y: otomatis;
bantalan: 15px;
radius batas: 15px;
latar belakang: rgba(255, 255, 255, 0.1);
warna: putih;
margin-bawah: 15px;
}
.pesan {
margin-bawah: 15px;
tampilan: fleksibel;
}
.pesan-pengguna {
justifikasi-konten: flex-end;
}
.bot-pesan {
justifikasi-konten: flex-mulai;
}
.konten-pesan {
bantalan: 12px 18px;
radius batas: 18px;
lebar maks: 75%;
ukuran font: 1rem;
}
.pesan-pengguna .konten-pesan {
latar belakang: #1E90FF;
warna: putih;
}
.bot-pesan .konten-pesan {
latar belakang: #444;
warna: putih;
}
.wadah masukan {
tampilan: fleksibel;
celah: 10px;
}
#masukan-pesan {
fleksibel: 1;
bantalan: 10px;
radius batas: 20px;
latar belakang: #444;
warna: putih;
}
#tombol-kirim {
latar belakang: #1E90FF;
warna: putih;
bantalan: 10px 20px;
radius batas: 20px;
kursor: penunjuk;
}
.indikator pengetikan {
tampilan: tidak ada;
warna: #aaa;
gaya font: miring;
margin-bawah: 10px;
}
/* Hak cipta animasi */
.hak cipta {
posisi: absolut;
bawah: 10px;
lebar: 100%;
teks-ratakan: tengah;
warna: putih;
}
@keyframes gulir teks {
0% { opasitas: 0; transformasi: translateX(-100%); }
25% { opasitas: 1; transformasi: translateX(0); }
50% { opasitas: 1; transformasi: translateX(100%); }
75% { opasitas: 0; transformasi: translateX(0); }
100% { opasitas: 0; transformasi: translateX(-100%); }
}
#kontrol-musik {
margin-atas: 20px;
tampilan: fleksibel;
celah: 10px;
}
#tombol-putar, #tombol-berhenti {
bantalan: 10px 20px;
warna latar belakang: #1E90FF;
warna: putih;
perbatasan: tidak ada;
radius batas: 20px;
kursor: penunjuk;
}
#tombol-putar:arahkan kursor, #tombol-berhenti:arahkan kursor {
warna latar belakang: #187bcd;
}
</gaya>
</kepala>
<tubuh>
<div class="wadah-obrolan">
<div kelas="header-obrolan">
<div kelas="avatar-bot">
<img src="https://i.ibb.co/FbBDhVD6/3fa86bb0d80adcde.jpg'">
Bahasa Indonesia:
<h1>Kecerdasan Buatan REV</h1>
Bahasa Indonesia:
<div id="typing-indicator" class="typing-indicator">REV AI sedang mengetik...</div>
<div class="pesan-obrolan" id="pesan-obrolan"></div>
<div kelas="wadah masukan">
<input id="message-input" type="text" placeholder="Ketik pertanyaan..." autocomplete="off">
<tombol id="tombol-kirim">Kirim</tombol>
Bahasa Indonesia:
Bahasa Indonesia:
<div class="hak cipta">© Rev webdev</div>
<!-- Kontrol Musik -->
<div id="kontrol-musik">
<tombol id="tombol-putar">putar musik</tombol>
<tombol id="tombol-berhenti">dukungan</tombol>
Bahasa Indonesia:
<skrip>
const messageInput = document.getElementById('input-pesan');
const sendButton = document.getElementById('tombol-kirim');
const chatMessages = document.getElementById('pesan-obrolan');
const typingIndicator = document.getElementById('indikator-mengetik');
const playButton = document.getElementById('tombol-putar');
const stopButton = document.getElementById('tombol-berhenti');
biarkan musik = new Audio('https://b.top4top.io/m_3307bbz4v1.mp3');
fungsi asinkron sendMessage() {
const pesan = messageInput.nilai.trim();
jika (!pesan) kembali;
addMessage(pesan, 'pengguna');
messageInput.nilai = '';
typingIndicator.style.display = 'blok';
mencoba {
const respons = menunggu pengambilan(`https://darkness.ashlynn.workers.dev/chat/?prompt=${encodeURIComponent(pesan)}&model=gpt-4o-mini`);
const data = menunggu respon.json();
typingIndicator.style.display = 'tidak ada';
jika (data.sukses === 'sukses' dan data.respon) {
addMessage(data.response, 'bot');
} kalau tidak {
addMessage('Maaf, terjadi kesalahan. Coba lagi.', 'bot');
}
} tangkap (kesalahan) {
typingIndicator.style.display = 'tidak ada';
addMessage('Maaf, terjadi kesalahan. Coba lagi.', 'bot');
}
}
fungsi addMessage(teks, pengirim) {
const messageDiv = dokumen.createElement('div');
messageDiv.classList.add('pesan', `${sender}-message`);
konstanta kontenpesan = dokumen.createElement('div');
messageContent.classList.tambahkan('konten-pesan');
messageContent.textContent = teks;
messageDiv.appendChild(kontenpesan);
chatMessages.appendChild(pesanDiv);
chatMessages.scrollTop = chatMessages.scrollHeight;
}
playButton.addEventListener('klik', () => {
musik.putar();
});
stopButton.addEventListener('klik', () => {
window.open('https://wa.me/6281333097059?text=Halo%20%bang%20Tamvan,%20Saya%20ingin%20memberikan%20rating%20atau%20saran.', '_blank');
});
sendButton.addEventListener('klik', sendMessage);
messageInput.addEventListener('tekanan tombol', (e) => {
jika (e.kunci === 'Enter') kirimPesan();
});
addMessage('Halo! Saya RevI AI. Ada yang bisa saya bantu?', 'bot');
</skrip>
</tubuh>
Bahasa Indonesia: