Skip to content

Commit 65c44c7

Browse files
fahadsyihab06fahadsyihab06
authored
Update index.html
1 parent 31e5c4c commit 65c44c7

File tree

1 file changed

+149
-1
lines changed

1 file changed

+149
-1
lines changed

‎index.html

Lines changed: 149 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,149 @@
1-
<p>Dalam proses pembuatan page</p>
1+
<!DOCTYPE html>
2+
<html lang="id">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Checker Scammer - Dokumentasi</title>
7+
8+
<!-- Tailwind CSS -->
9+
<script src="https://cdn.tailwindcss.com"></script>
10+
<script>
11+
tailwind.config = {
12+
darkMode: 'class',
13+
};
14+
</script>
15+
16+
<!-- Font Awesome CDN -->
17+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-dUjN7hBXTfCgGbTwGtv3o6bd2TqM5vS5zQn9k4OfFhK1sUGlsyOacQ8LStvM21L3eFhGcDGpVpt7Jv4XwPghrA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
18+
19+
<!-- AOS CSS (Scroll Animations) -->
20+
<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet" />
21+
22+
<style>
23+
html {
24+
scroll-behavior: smooth;
25+
}
26+
</style>
27+
</head>
28+
<body class="bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-100 font-sans transition-all duration-300">
29+
30+
<!-- Header -->
31+
<header class="bg-gray-900 text-white py-6 dark:bg-black">
32+
<div class="max-w-5xl mx-auto px-4 flex justify-between items-center">
33+
<div>
34+
<h1 class="text-3xl font-bold">Checker Scammer - Dokumentasi</h1>
35+
<p class="text-sm text-gray-300 mt-1">Kenali dengan baik sebelum anda tertipu oleh hal yang tampak meyakinkan.</p>
36+
</div>
37+
<button id="toggleDark" class="bg-gray-700 hover:bg-gray-600 px-4 py-2 rounded text-sm flex items-center gap-2">
38+
<i id="iconToggle" class="fa-solid fa-moon"></i>
39+
<span id="toggleText">Gelap</span>
40+
</button>
41+
</div>
42+
</header>
43+
44+
<!-- Main Content -->
45+
<main class="max-w-5xl mx-auto px-4 py-8 space-y-10">
46+
<section data-aos="fade-up">
47+
<h2 class="text-2xl font-bold mb-3">Apa itu Checker Scammer?</h2>
48+
<p class="leading-relaxed">
49+
<strong>Checker-Scammer</strong> adalah alat Penyelidikan berbasis CLI yang memanfaatkan teknik Perhitungan berdasarkan jumlah tag dalam batas tertentu, berfungsi untuk mengidentifikasi sebuah nomor platform whatsapp apakah masuk golongan scammer atau seseorang yang aman sebelum memulai transaksi, di era sekarang yang serba online tidak sedikit pula aksi kejahatan seperti scammer dan penipuan banyak bermunculan, dengan adanya alat ini di harapkan dapat membantu mengatasi masalah penipuan/scam saat bertransaksi.
50+
</p>
51+
</section>
52+
53+
<section data-aos="fade-up" data-aos-delay="100">
54+
<h2 class="text-2xl font-bold mb-3">Fitur Utama</h2>
55+
<ul class="list-disc list-inside leading-loose">
56+
<li><strong>Analisis nomor telepon</strong> secara cepat dan ringan melalui CLI untuk mendeteksi indikasi penipuan.</li>
57+
<li><strong>Analisis NIK dan database:</strong> Coming Soon, fitur akan segera tersedia untuk melengkapi sistem deteksi penipuan.</li>
58+
<li>Fitur <strong>Show Tag Victim:</strong> Coming Soon, akan segera hadir untuk menampilkan informasi tag yang terkait dengan korban penipuan.</li>
59+
</ul>
60+
</section>
61+
62+
<section data-aos="fade-up" data-aos-delay="200">
63+
<h2 class="text-2xl font-bold mb-3">Data yang Dikumpulkan</h2>
64+
<p class="leading-relaxed">
65+
<strong>Checker-Scammer</strong> Menampilkan foto profil, informasi umum seperti nomor HP, serta hasil analisis berdasarkan algoritma untuk mengidentifikasi potensi sebagai victim atau pihak yang pernah terlibat dalam aktivitas penipuan.
66+
</p>
67+
</section>
68+
69+
<h2 class="text-2xl font-bold mb-3">Cara Install & Jalankan</h2>
70+
<ol class="list-decimal list-inside leading-loose">
71+
<li>Buka terminal dan jalankan perintah berikut sesuai dokumentasi.</li>
72+
<pre class="bg-gray-800 text-green-300 p-4 rounded text-sm overflow-x-auto mt-2">
73+
pkg update
74+
pkg upgrade
75+
apt install git make just
76+
git clone https://github.com/ViewTechOrg/Checker-Scammer
77+
cd Checker-Scammer
78+
make install
79+
just run
80+
</pre>
81+
<p class="mt-3 text-sm text-gray-600">
82+
Tool ini akan menampilkan menu CLI untuk memilih pengecekan nomer telepon.
83+
</p>
84+
<li>Atur ukuran layar sesuai kebutuhan:
85+
<ul class="list-disc list-inside ml-5">
86+
<li><strong>Potrait:</strong> x: 101, y: 35</li>
87+
<li><strong>Landscape:</strong> x: 181, y: 70</li>
88+
</ul>
89+
Untuk mengatur ukuran, cukup <strong>mencubit layar</strong> (zoom gesture) jika menggunakan perangkat sentuh.
90+
</li>
91+
<li>Gunakan <strong>kursor atau tombol panah</strong> untuk mengontrol alat, dan <strong>keyboard</strong> untuk mengetik di kolom input.</li>
92+
<li>Gunakan tools ini saat ingin memverifikasi nomor seseorang sebelum melakukan transaksi.</li>
93+
<li>Selamat! Anda bisa bertransaksi dengan lebih aman. <em>(Sedia Payung Sebelum Hujan)</em></li>
94+
</ol>
95+
96+
</section>
97+
98+
<section data-aos="fade-up" data-aos-delay="400">
99+
<h2 class="text-2xl font-bold mb-3"> Sumber & Dokumentasi Resmi</h2>
100+
<p>
101+
Untuk informasi lebih lanjut dan update terbaru, kunjungi repositori GitHub:
102+
<br />
103+
<a href="https://github.com/ViewTechOrg/Checker-Scammer" target="_blank" class="text-blue-600 underline">
104+
https://github.com/ViewTechOrg/Checker-Scammer
105+
</a>
106+
</p>
107+
</section>
108+
</main>
109+
110+
<!-- Footer -->
111+
<footer class="bg-gray-900 dark:bg-black text-white text-center py-6 mt-10">
112+
<div class="space-x-4 mb-2 text-lg">
113+
<a href="https://github.com/ViewTechOrg" target="_blank" class="hover:text-blue-400" title="GitHub">
114+
<i class="fab fa-github"></i>
115+
</a>
116+
<a href="https://instagram.com/viewtechorg" target="_blank" class="hover:text-pink-400" title="Instagram">
117+
<i class="fab fa-instagram"></i>
118+
</a>
119+
<a href="https://wa.me/6281234567890" target="_blank" class="hover:text-green-400" title="WhatsApp">
120+
<i class="fab fa-whatsapp"></i>
121+
</a>
122+
<a href="mailto:email@example.com" class="hover:text-red-400" title="Email">
123+
<i class="fas fa-envelope"></i>
124+
</a>
125+
<a href="https://youtube.com" target="_blank" class="hover:text-red-500" title="YouTube">
126+
<i class="fab fa-youtube"></i>
127+
</a>
128+
</div>
129+
<p class="text-sm">&copy; 2025 Checker Scammer Docs. Dibuat oleh ViewTechOrg ❤️</p>
130+
</footer>
131+
132+
<!-- Scripts -->
133+
<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
134+
<script>
135+
AOS.init();
136+
137+
const toggleBtn = document.getElementById("toggleDark");
138+
const iconToggle = document.getElementById("iconToggle");
139+
const toggleText = document.getElementById("toggleText");
140+
141+
toggleBtn.addEventListener("click", () => {
142+
document.documentElement.classList.toggle("dark");
143+
const isDark = document.documentElement.classList.contains("dark");
144+
iconToggle.className = isDark ? "fa-solid fa-sun" : "fa-solid fa-moon";
145+
toggleText.textContent = isDark ? "Terang" : "Gelap";
146+
});
147+
</script>
148+
</body>
149+
</html>

0 commit comments

Comments
 (0)