timoon811 commited on
Commit
945f44f
·
verified ·
1 Parent(s): 642b0a6

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +398 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Thema2123
3
- emoji: 👁
4
- colorFrom: pink
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: thema2123
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,398 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Arbitrage Tools Video Covers</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@500;700&family=Titillium+Web:wght@400;700&display=swap');
11
+
12
+ .tech-font {
13
+ font-family: 'Orbitron', sans-serif;
14
+ }
15
+ .modern-font {
16
+ font-family: 'Rajdhani', sans-serif;
17
+ }
18
+ .clean-font {
19
+ font-family: 'Titillium Web', sans-serif;
20
+ }
21
+
22
+ .proxy-bg {
23
+ background: linear-gradient(135deg, #2c3e50 0%, #3498db 50%, #1abc9c 100%);
24
+ }
25
+
26
+ .vps-bg {
27
+ background: linear-gradient(135deg, #2c3e50 0%, #bdc3c7 50%, #2980b9 100%);
28
+ }
29
+
30
+ .domains-bg {
31
+ background: linear-gradient(135deg, #8e44ad 0%, #3498db 50%, #e67e22 100%);
32
+ }
33
+
34
+ .cloudflare-bg {
35
+ background: linear-gradient(135deg, #000000 0%, #2c3e50 50%, #f39c12 100%);
36
+ }
37
+
38
+ .trackers-bg {
39
+ background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #00c853 100%);
40
+ }
41
+
42
+ .cloaking-bg {
43
+ background: linear-gradient(135deg, #000000 0%, #6a1b9a 50%, #76ff03 100%);
44
+ }
45
+
46
+ .network-pattern {
47
+ background-image:
48
+ radial-gradient(circle at 1px 1px, rgba(255,255,255,0.2) 1px, transparent 0);
49
+ background-size: 20px 20px;
50
+ }
51
+
52
+ .server-rack {
53
+ position: relative;
54
+ height: 100%;
55
+ }
56
+
57
+ .server-unit {
58
+ position: absolute;
59
+ width: 80%;
60
+ height: 20px;
61
+ background: linear-gradient(90deg, #ecf0f1, #bdc3c7);
62
+ border-radius: 2px;
63
+ box-shadow: 0 2px 5px rgba(0,0,0,0.2);
64
+ }
65
+
66
+ .globe-grid {
67
+ background-image:
68
+ radial-gradient(circle at center, transparent 65%, rgba(255,255,255,0.1) 65.5%, transparent 66%),
69
+ linear-gradient(0deg, transparent 48%, rgba(255,255,255,0.1) 48.5%, transparent 49%),
70
+ linear-gradient(90deg, transparent 48%, rgba(255,255,255,0.1) 48.5%, transparent 49%);
71
+ background-size: 100% 100%;
72
+ }
73
+
74
+ .traffic-path {
75
+ position: relative;
76
+ height: 100%;
77
+ }
78
+
79
+ .path-node {
80
+ position: absolute;
81
+ width: 12px;
82
+ height: 12px;
83
+ background-color: #f39c12;
84
+ border-radius: 50%;
85
+ }
86
+
87
+ .path-line {
88
+ position: absolute;
89
+ height: 2px;
90
+ background-color: #3498db;
91
+ transform-origin: left center;
92
+ }
93
+
94
+ .analytics-dashboard {
95
+ display: grid;
96
+ grid-template-columns: repeat(4, 1fr);
97
+ grid-template-rows: repeat(3, 1fr);
98
+ gap: 5px;
99
+ height: 100%;
100
+ }
101
+
102
+ .analytics-panel {
103
+ background-color: rgba(255,255,255,0.1);
104
+ border-radius: 3px;
105
+ position: relative;
106
+ overflow: hidden;
107
+ }
108
+
109
+ .graph-line {
110
+ position: absolute;
111
+ bottom: 0;
112
+ width: 100%;
113
+ height: 100%;
114
+ background: repeating-linear-gradient(
115
+ to top,
116
+ transparent,
117
+ transparent 10px,
118
+ rgba(0,200,83,0.3) 10px,
119
+ rgba(0,200,83,0.3) 20px
120
+ );
121
+ }
122
+
123
+ .cloaking-tunnel {
124
+ position: relative;
125
+ height: 100%;
126
+ overflow: hidden;
127
+ }
128
+
129
+ .tunnel-ring {
130
+ position: absolute;
131
+ border: 2px solid rgba(118,255,3,0.5);
132
+ border-radius: 50%;
133
+ animation: tunnelAnimation 8s infinite linear;
134
+ }
135
+
136
+ @keyframes tunnelAnimation {
137
+ 0% { transform: scale(0.1) rotate(0deg); opacity: 0; }
138
+ 10% { opacity: 1; }
139
+ 90% { opacity: 1; }
140
+ 100% { transform: scale(1.5) rotate(360deg); opacity: 0; }
141
+ }
142
+
143
+ .cover-container {
144
+ width: 800px;
145
+ height: 450px;
146
+ position: relative;
147
+ overflow: hidden;
148
+ margin: 20px auto;
149
+ box-shadow: 0 10px 30px rgba(0,0,0,0.3);
150
+ }
151
+ </style>
152
+ </head>
153
+ <body class="bg-gray-900 text-white p-8">
154
+ <div class="max-w-4xl mx-auto">
155
+ <h1 class="text-4xl font-bold mb-10 text-center modern-font">Arbitrage Tools Video Covers</h1>
156
+
157
+ <!-- Proxy Cover -->
158
+ <div class="cover-container proxy-bg network-pattern">
159
+ <div class="absolute inset-0 flex items-center">
160
+ <div class="w-1/2 pl-12">
161
+ <h2 class="text-5xl font-bold mb-6 tech-font text-white">Лучшие прокси для арбитража</h2>
162
+ <div class="flex space-x-4">
163
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
164
+ <i class="fas fa-sim-card text-3xl text-blue-300"></i>
165
+ </div>
166
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
167
+ <i class="fas fa-mobile-alt text-3xl text-emerald-300"></i>
168
+ </div>
169
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
170
+ <i class="fas fa-shield-alt text-3xl text-gray-300"></i>
171
+ </div>
172
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
173
+ <i class="fas fa-map-marker-alt text-3xl text-red-300"></i>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ <div class="w-1/2 h-full relative">
178
+ <div class="absolute right-0 top-1/2 transform -translate-y-1/2">
179
+ <div class="relative w-64 h-64">
180
+ <div class="absolute inset-0 rounded-full border-4 border-blue-300 opacity-30"></div>
181
+ <div class="absolute inset-8 rounded-full border-4 border-emerald-300 opacity-30"></div>
182
+ <div class="absolute inset-16 rounded-full border-4 border-gray-300 opacity-30"></div>
183
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
184
+ <i class="fas fa-globe-americas text-5xl text-white opacity-70"></i>
185
+ </div>
186
+ <div class="absolute top-1/4 left-1/4">
187
+ <i class="fas fa-flag-usa text-xl text-red-400"></i>
188
+ </div>
189
+ <div class="absolute top-1/4 right-1/4">
190
+ <i class="fas fa-flag text-xl text-blue-400"></i>
191
+ </div>
192
+ <div class="absolute bottom-1/4 left-1/4">
193
+ <i class="fas fa-flag text-xl text-green-400"></i>
194
+ </div>
195
+ <div class="absolute bottom-1/4 right-1/4">
196
+ <i class="fas fa-flag text-xl text-yellow-400"></i>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ <div class="absolute bottom-4 left-4 text-xs opacity-70">
203
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Mobile</span>
204
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Residential</span>
205
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Static</span>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- VPS Cover -->
210
+ <div class="cover-container vps-bg">
211
+ <div class="absolute inset-0 flex items-center">
212
+ <div class="w-1/2 pl-12">
213
+ <h2 class="text-5xl font-bold mb-6 tech-font text-white">Хостинги и VPS под арбитраж</h2>
214
+ <div class="flex space-x-4">
215
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
216
+ <i class="fas fa-server text-3xl text-blue-400"></i>
217
+ </div>
218
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
219
+ <i class="fas fa-plug text-3xl text-gray-400"></i>
220
+ </div>
221
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
222
+ <i class="fas fa-terminal text-3xl text-white"></i>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ <div class="w-1/2 h-full relative">
227
+ <div class="server-rack">
228
+ <div class="server-unit" style="top: 10%; left: 10%;"></div>
229
+ <div class="server-unit" style="top: 15%; left: 15%;"></div>
230
+ <div class="server-unit" style="top: 20%; left: 10%;"></div>
231
+ <div class="server-unit" style="top: 25%; left: 15%;"></div>
232
+ <div class="server-unit" style="top: 30%; left: 10%;"></div>
233
+ <div class="server-unit" style="top: 35%; left: 15%;"></div>
234
+ <div class="server-unit" style="top: 40%; left: 10%;"></div>
235
+ <div class="server-unit" style="top: 45%; left: 15%;"></div>
236
+ <div class="absolute right-10 top-1/2 transform -translate-y-1/2">
237
+ <div class="text-right">
238
+ <div class="text-2xl font-bold text-blue-400">99.9% Uptime</div>
239
+ <div class="text-lg text-gray-300">Global Locations</div>
240
+ <div class="text-lg text-gray-300">SSH Access</div>
241
+ </div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ <div class="absolute bottom-4 left-4 text-xs opacity-70">
247
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Dedicated</span>
248
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Cloud</span>
249
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">VPS</span>
250
+ </div>
251
+ </div>
252
+
253
+ <!-- Domains Cover -->
254
+ <div class="cover-container domains-bg globe-grid">
255
+ <div class="absolute inset-0 flex flex-col items-center justify-center">
256
+ <h2 class="text-6xl font-bold mb-6 modern-font text-white text-center">Домены для серых проектов</h2>
257
+ <div class="flex space-x-6 mt-8">
258
+ <div class="bg-white bg-opacity-20 px-6 py-3 rounded-full">
259
+ <span class="text-2xl font-bold text-purple-200">.com</span>
260
+ </div>
261
+ <div class="bg-white bg-opacity-20 px-6 py-3 rounded-full">
262
+ <span class="text-2xl font-bold text-blue-200">.xyz</span>
263
+ </div>
264
+ <div class="bg-white bg-opacity-20 px-6 py-3 rounded-full">
265
+ <span class="text-2xl font-bold text-orange-200">.click</span>
266
+ </div>
267
+ <div class="bg-white bg-opacity-20 px-6 py-3 rounded-full">
268
+ <span class="text-2xl font-bold text-green-200">.online</span>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ <div class="absolute bottom-4 left-4 text-xs opacity-70">
273
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">New TLDs</span>
274
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Affordable</span>
275
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Anonymous</span>
276
+ </div>
277
+ </div>
278
+
279
+ <!-- Cloudflare Cover -->
280
+ <div class="cover-container cloudflare-bg">
281
+ <div class="absolute inset-0 flex items-center">
282
+ <div class="w-1/2 pl-12">
283
+ <h2 class="text-5xl font-bold mb-6 tech-font text-yellow-400">Cloudflare для арбитража</h2>
284
+ <div class="flex space-x-4">
285
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
286
+ <i class="fas fa-shield-alt text-3xl text-yellow-400"></i>
287
+ </div>
288
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
289
+ <i class="fas fa-bolt text-3xl text-blue-400"></i>
290
+ </div>
291
+ <div class="bg-white bg-opacity-20 p-3 rounded-lg">
292
+ <i class="fas fa-cloud text-3xl text-white"></i>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ <div class="w-1/2 h-full relative">
297
+ <div class="traffic-path">
298
+ <div class="path-node" style="top: 20%; left: 20%;"></div>
299
+ <div class="path-node" style="top: 40%; left: 35%;"></div>
300
+ <div class="path-node" style="top: 30%; left: 50%;"></div>
301
+ <div class="path-node" style="top: 50%; left: 65%;"></div>
302
+ <div class="path-node" style="top: 70%; left: 80%;"></div>
303
+
304
+ <div class="path-line" style="top: 26%; left: 26%; width: 50px; transform: rotate(30deg);"></div>
305
+ <div class="path-line" style="top: 46%; left: 41%; width: 60px; transform: rotate(-15deg);"></div>
306
+ <div class="path-line" style="top: 36%; left: 56%; width: 50px; transform: rotate(20deg);"></div>
307
+ <div class="path-line" style="top: 56%; left: 71%; width: 40px; transform: rotate(-10deg);"></div>
308
+ </div>
309
+ </div>
310
+ </div>
311
+ <div class="absolute bottom-4 left-4 text-xs opacity-70">
312
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Anti-DDoS</span>
313
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">CDN</span>
314
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Firewall</span>
315
+ </div>
316
+ </div>
317
+
318
+ <!-- Trackers Cover -->
319
+ <div class="cover-container trackers-bg">
320
+ <div class="absolute inset-0 flex flex-col">
321
+ <div class="p-12">
322
+ <h2 class="text-5xl font-bold mb-2 clean-font text-white">Трекинг и аналитика трафика</h2>
323
+ <p class="text-xl text-blue-200">Мониторинг конверсий в реальном времени</p>
324
+ </div>
325
+ <div class="flex-grow p-6">
326
+ <div class="analytics-dashboard">
327
+ <div class="analytics-panel" style="grid-column: span 2; grid-row: span 2;">
328
+ <div class="graph-line"></div>
329
+ <div class="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-blue-900 to-transparent"></div>
330
+ <div class="absolute bottom-2 left-2 text-xs">Конверсии</div>
331
+ </div>
332
+ <div class="analytics-panel">
333
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-2xl font-bold text-green-400">1,248</div>
334
+ <div class="absolute bottom-2 left-2 text-xs">Клики</div>
335
+ </div>
336
+ <div class="analytics-panel">
337
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-2xl font-bold text-green-400">3.2%</div>
338
+ <div class="absolute bottom-2 left-2 text-xs">CR</div>
339
+ </div>
340
+ <div class="analytics-panel" style="grid-column: span 2;">
341
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-xl font-bold text-white">$24.50</div>
342
+ <div class="absolute bottom-2 left-2 text-xs">CPC</div>
343
+ </div>
344
+ <div class="analytics-panel">
345
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-xl font-bold text-white">$0.78</div>
346
+ <div class="absolute bottom-2 left-2 text-xs">CPA</div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ <div class="absolute bottom-4 left-4 text-xs opacity-70">
352
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Real-time</span>
353
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Pixel-based</span>
354
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Server-side</span>
355
+ </div>
356
+ </div>
357
+
358
+ <!-- Cloaking Cover -->
359
+ <div class="cover-container cloaking-bg">
360
+ <div class="cloaking-tunnel">
361
+ <div class="tunnel-ring" style="top: 50%; left: 50%;"></div>
362
+ <div class="tunnel-ring" style="top: 50%; left: 50%; animation-delay: -2s;"></div>
363
+ <div class="tunnel-ring" style="top: 50%; left: 50%; animation-delay: -4s;"></div>
364
+ <div class="tunnel-ring" style="top: 50%; left: 50%; animation-delay: -6s;"></div>
365
+ </div>
366
+ <div class="absolute inset-0 flex flex-col items-center justify-center">
367
+ <h2 class="text-6xl font-bold mb-4 tech-font text-green-400 text-center">Клоака</h2>
368
+ <p class="text-2xl text-white text-center mb-8">Как скрывать серый трафик</p>
369
+ <div class="flex space-x-12">
370
+ <div class="text-center">
371
+ <div class="bg-black bg-opacity-50 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-2">
372
+ <i class="fas fa-eye-slash text-3xl text-red-400"></i>
373
+ </div>
374
+ <div class="text-sm">Фильтрация</div>
375
+ </div>
376
+ <div class="text-center">
377
+ <div class="bg-black bg-opacity-50 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-2">
378
+ <i class="fas fa-random text-3xl text-purple-400"></i>
379
+ </div>
380
+ <div class="text-sm">Редирект</div>
381
+ </div>
382
+ <div class="text-center">
383
+ <div class="bg-black bg-opacity-50 w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-2">
384
+ <i class="fas fa-user-shield text-3xl text-green-400"></i>
385
+ </div>
386
+ <div class="text-sm">Защита</div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ <div class="absolute bottom-4 left-4 text-xs opacity-70">
391
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Clean Page</span>
392
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">Money Page</span>
393
+ <span class="bg-black bg-opacity-50 px-2 py-1 rounded">IP Filtering</span>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/thema2123" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
398
+ </html>
prompts.txt ADDED
File without changes