Hugging Face's logo

Spaces:
Rayan545454
/
m1
Running

App Files Community
Rayan545454 commited on
Commit
5ebc487
·
verified ·
1 Parent(s): 72c39f8

بعدها رقم الجوال ابغا هكر جوال - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. hack.html +255 -0
  2. prompts.txt +2 -1
hack.html ADDED
@@ -0,0 +1,255 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>اختراق الجوال</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap" rel="stylesheet">
10
+ <style>
11
+ body {
12
+ font-family: 'Tajawal', sans-serif;
13
+ background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
14
+ min-height: 100vh;
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: center;
18
+ }
19
+ .hack-container {
20
+ background: rgba(255, 255, 255, 0.95);
21
+ backdrop-filter: blur(10px);
22
+ border-radius: 20px;
23
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
24
+ }
25
+ .terminal {
26
+ background: #1e1e1e;
27
+ color: #00ff00;
28
+ font-family: 'Courier New', monospace;
29
+ border-radius: 10px;
30
+ padding: 20px;
31
+ height: 300px;
32
+ overflow-y: auto;
33
+ }
34
+ .input-field:focus {
35
+ border-color: #1e3c72;
36
+ box-shadow: 0 0 0 3px rgba(30, 60, 114, 0.3);
37
+ }
38
+ .hack-btn {
39
+ transition: all 0.3s ease;
40
+ background: linear-gradient(to right, #1e3c72, #2a5298);
41
+ }
42
+ .hack-btn:hover {
43
+ transform: translateY(-2px);
44
+ box-shadow: 0 10px 25px -5px rgba(30, 60, 114, 0.4);
45
+ }
46
+ .glitch {
47
+ position: relative;
48
+ }
49
+ .glitch::before,
50
+ .glitch::after {
51
+ content: attr(data-text);
52
+ position: absolute;
53
+ top: 0;
54
+ left: 0;
55
+ width: 100%;
56
+ height: 100%;
57
+ }
58
+ .glitch::before {
59
+ left: 2px;
60
+ text-shadow: -2px 0 #ff00c1;
61
+ clip: rect(44px, 450px, 56px, 0);
62
+ animation: glitch-anim 5s infinite linear alternate-reverse;
63
+ }
64
+ .glitch::after {
65
+ left: -2px;
66
+ text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
67
+ clip: rect(44px, 450px, 56px, 0);
68
+ animation: glitch-anim2 5s infinite linear alternate-reverse;
69
+ }
70
+ @keyframes glitch-anim {
71
+ 0% { clip: rect(42px, 9999px, 44px, 0); }
72
+ 5% { clip: rect(12px, 9999px, 59px, 0); }
73
+ 10% { clip: rect(48px, 9999px, 29px, 0); }
74
+ 15% { clip: rect(42px, 9999px, 73px, 0); }
75
+ 20% { clip: rect(63px, 9999px, 27px, 0); }
76
+ 25% { clip: rect(34px, 9999px, 55px, 0); }
77
+ 30% { clip: rect(86px, 9999px, 73px, 0); }
78
+ 35% { clip: rect(20px, 9999px, 20px, 0); }
79
+ 40% { clip: rect(26px, 9999px, 60px, 0); }
80
+ 45% { clip: rect(25px, 9999px, 66px, 0); }
81
+ 50% { clip: rect(57px, 9999px, 98px, 0); }
82
+ 55% { clip: rect(5px, 9999px, 46px, 0); }
83
+ 60% { clip: rect(82px, 9999px, 31px, 0); }
84
+ 65% { clip: rect(54px, 9999px, 27px, 0); }
85
+ 70% { clip: rect(28px, 9999px, 99px, 0); }
86
+ 75% { clip: rect(45px, 9999px, 69px, 0); }
87
+ 80% { clip: rect(23px, 9999px, 85px, 0); }
88
+ 85% { clip: rect(1px, 9999px, 83px, 0); }
89
+ 90% { clip: rect(71px, 9999px, 100px, 0); }
90
+ 95% { clip: rect(52px, 9999px, 74px, 0); }
91
+ 100% { clip: rect(63px, 9999px, 59px, 0); }
92
+ }
93
+ @keyframes glitch-anim2 {
94
+ 0% { clip: rect(65px, 9999px, 100px, 0); }
95
+ 5% { clip: rect(52px, 9999px, 74px, 0); }
96
+ 10% { clip: rect(71px, 9999px, 100px, 0); }
97
+ 15% { clip: rect(1px, 9999px, 83px, 0); }
98
+ 20% { clip: rect(23px, 9999px, 85px, 0); }
99
+ 25% { clip: rect(45px, 9999px, 69px, 0); }
100
+ 30% { clip: rect(28px, 9999px, 99px, 0); }
101
+ 35% { clip: rect(54px, 9999px, 27px, 0); }
102
+ 40% { clip: rect(82px, 9999px, 31px, 0); }
103
+ 45% { clip: rect(5px, 9999px, 46px, 0); }
104
+ 50% { clip: rect(57px, 9999px, 98px, 0); }
105
+ 55% { clip: rect(25px, 9999px, 66px, 0); }
106
+ 60% { clip: rect(26px, 9999px, 60px, 0); }
107
+ 65% { clip: rect(20px, 9999px, 20px, 0); }
108
+ 70% { clip: rect(86px, 9999px, 73px, 0); }
109
+ 75% { clip: rect(34px, 9999px, 55px, 0); }
110
+ 80% { clip: rect(63px, 9999px, 27px, 0); }
111
+ 85% { clip: rect(42px, 9999px, 73px, 0); }
112
+ 90% { clip: rect(48px, 9999px, 29px, 0); }
113
+ 95% { clip: rect(12px, 9999px, 59px, 0); }
114
+ 100% { clip: rect(42px, 9999px, 44px, 0); }
115
+ }
116
+ </style>
117
+ </head>
118
+ <body>
119
+ <div class="container mx-auto px-4">
120
+ <div class="hack-container max-w-2xl w-full mx-auto p-8">
121
+ <div class="text-center mb-8">
122
+ <h1 class="text-4xl font-bold text-gray-800 mb-2 glitch" data-text="اختراق الجوال">اختراق الجوال</h1>
123
+ <p class="text-gray-600">أدخل رقم الجوال لبدء عملية الاختراق</p>
124
+ </div>
125
+
126
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
127
+ <div>
128
+ <form id="hackForm" class="space-y-6">
129
+ <div class="space-y-2">
130
+ <label for="targetPhone" class="block text-sm font-medium text-gray-700">رقم الجوال المستهدف</label>
131
+ <div class="flex">
132
+ <span class="country-code px-4 py-3 text-gray-700 border border-gray-300 border-l-0 rounded-r-lg">+966</span>
133
+ <input
134
+ type="tel"
135
+ id="targetPhone"
136
+ name="targetPhone"
137
+ required
138
+ placeholder="5xxxxxxxx"
139
+ class="input-field flex-1 px-4 py-3 border border-gray-300 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all"
140
+ pattern="[0-9]{9}"
141
+ maxlength="9"
142
+ >
143
+ </div>
144
+ <p class="text-xs text-gray-500 mt-1">أدخل رقم الجوال بدون الرمز الدولي</p>
145
+ </div>
146
+
147
+ <div class="space-y-2">
148
+ <label for="hackMethod" class="block text-sm font-medium text-gray-700">طريقة الاختراق</label>
149
+ <select id="hackMethod" name="hackMethod" class="input-field w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all">
150
+ <option value="sms">التجسس عبر الرسائل القصيرة</option>
151
+ <option value="call">التجسس عبر المكالمات</option>
152
+ <option value="location">تتبع الموقع</option>
153
+ <option value="social">التجسس على وسائل التواصل</option>
154
+ </select>
155
+ </div>
156
+
157
+ <button
158
+ type="submit"
159
+ class="hack-btn w-full py-3 px-4 rounded-lg text-white font-medium shadow-lg hover:shadow-xl transition-all duration-300"
160
+ >
161
+ بدء الاختراق
162
+ </button>
163
+ </form>
164
+ </div>
165
+
166
+ <div>
167
+ <div class="terminal">
168
+ <div id="terminalOutput" class="mb-4">
169
+ <p>> جاهز لبدء عملية الاختراق...</p>
170
+ <p>> اختر الرقم المستهدف وطريقة الاختراق</p>
171
+ </div>
172
+ <div class="flex items-center">
173
+ <span class="text-green-400">root@hack:~$</span>
174
+ <span id="cursor" class="ml-1 w-2 h-5 bg-green-400 inline-block animate-pulse"></span>
175
+ </div>
176
+ </div>
177
+ </div>
178
+ </div>
179
+
180
+ <div class="mt-8 text-center">
181
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
182
+ <div class="bg-blue-50 p-4 rounded-lg">
183
+ <div class="text-2xl font-bold text-blue-600">99%</div>
184
+ <div class="text-sm text-gray-600">نجاح الاختراق</div>
185
+ </div>
186
+ <div class="bg-green-50 p-4 rounded-lg">
187
+ <div class="text-2xl font-bold text-green-600">24/7</div>
188
+ <div class="text-sm text-gray-600">الدعم الفني</div>
189
+ </div>
190
+ <div class="bg-purple-50 p-4 rounded-lg">
191
+ <div class="text-2xl font-bold text-purple-600">100+</div>
192
+ <div class="text-sm text-gray-600">جهاز مخترق</div>
193
+ </div>
194
+ <div class="bg-red-50 p-4 rounded-lg">
195
+ <div class="text-2xl font-bold text-red-600">مجاناً</div>
196
+ <div class="text-sm text-gray-600">للمستخدمين الجدد</div>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <script>
204
+ document.getElementById('hackForm').addEventListener('submit', function(e) {
205
+ e.preventDefault();
206
+ const phone = document.getElementById('targetPhone').value;
207
+ const method = document.getElementById('hackMethod').value;
208
+ const terminalOutput = document.getElementById('terminalOutput');
209
+
210
+ if(phone.length === 9 && /^\d+$/.test(phone)) {
211
+ // مسح المحتوى السابق في التيرمينال
212
+ terminalOutput.innerHTML = '';
213
+
214
+ // إضافة رسائل الاختراق
215
+ const messages = [
216
+ `> بدء عملية الاختراق للرقم: ${phone}`,
217
+ '> جاري الاتصال بخوادم الاختراق...',
218
+ '> تم الاتصال بنجاح',
219
+ '> جاري تحليل النظام المستهدف...',
220
+ '> تم العثور على ثغرات أمنية',
221
+ '> جاري استغلال الثغرات...',
222
+ '> تم الوصول إلى الجهاز المستهدف',
223
+ '> جاري سحب البيانات...',
224
+ '> تم سحب جميع البيانات بنجاح',
225
+ '> جاري إغلاق العملية...',
226
+ '> تم الاختراق بنجاح!'
227
+ ];
228
+
229
+ let i = 0;
230
+ const interval = setInterval(() => {
231
+ if (i < messages.length) {
232
+ const newLine = document.createElement('p');
233
+ newLine.textContent = messages[i];
234
+ terminalOutput.appendChild(newLine);
235
+ terminalOutput.scrollTop = terminalOutput.scrollHeight;
236
+ i++;
237
+ } else {
238
+ clearInterval(interval);
239
+ setTimeout(() => {
240
+ alert('تهانينا! تم اختراق الجهاز بنجاح.');
241
+ }, 1000);
242
+ }
243
+ }, 1000);
244
+ } else {
245
+ alert('يرجى إدخال رقم جوال صحيح مكون من 9 أرقام');
246
+ }
247
+ });
248
+
249
+ // تقييد الإدخال للأرقام فقط
250
+ document.getElementById('targetPhone').addEventListener('input', function(e) {
251
+ this.value = this.value.replace(/[^0-9]/g, '');
252
+ });
253
+ </script>
254
+ </body>
255
+ </html>
prompts.txt CHANGED
@@ -1 +1,2 @@
1
- ابغا ادخال جوال إذا زر البرامج فقط كيف ؟
 
 
1
+ ابغا ادخال جوال إذا زر البرامج فقط كيف ؟
2
+ بعدها رقم الجوال ابغا هكر جوال