Hugging Face's logo

Spaces:
Squadrongrit
/
cd
Running

App Files Community
Squadrongrit commited on
Commit
dc649cd
·
verified ·
1 Parent(s): 38ebce9

can you change the color into dark green brown like military uniform style with modern design but all is good only the color - Follow Up Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +605 -19
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Cd
3
- emoji: 🐨
4
- colorFrom: red
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: cd
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: pink
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,605 @@
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>Tactical Aggregation System</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ tactical: {
15
+ 50: '#f0f5f0',
16
+ 100: '#e1ebe0',
17
+ 200: '#c3d6c1',
18
+ 300: '#a5c2a2',
19
+ 400: '#87ae83',
20
+ 500: '#698964',
21
+ 600: '#556f50',
22
+ 700: '#41543c',
23
+ 800: '#2d3928',
24
+ 900: '#191e14',
25
+ },
26
+ digital: {
27
+ 50: '#f0f7fa',
28
+ 100: '#d4ebf1',
29
+ 200: '#a9d7e3',
30
+ 300: '#7ec3d5',
31
+ 400: '#53afc7',
32
+ 500: '#289bb9',
33
+ 600: '#207c94',
34
+ 700: '#185d6f',
35
+ 800: '#103e4a',
36
+ 900: '#081f25',
37
+ }
38
+ }
39
+ }
40
+ }
41
+ }
42
+ </script>
43
+ <style>
44
+ @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');
45
+
46
+ body {
47
+ font-family: 'Roboto', sans-serif;
48
+ background: linear-gradient(to bottom, #111418, #0c0f12);
49
+ color: #E0E0E0;
50
+ background-attachment: fixed;
51
+ }
52
+
53
+ h1, h2, h3, h4, .nav-link, .btn {
54
+ font-family: 'Orbitron', sans-serif;
55
+ }
56
+
57
+ .camo-bg {
58
+ background-image:
59
+ radial-gradient(circle at 10% 20%, rgba(40, 55, 40, 0.2) 0%, transparent 15%),
60
+ radial-gradient(circle at 90% 30%, rgba(30, 45, 35, 0.2) 0%, transparent 15%),
61
+ radial-gradient(circle at 50% 80%, rgba(35, 50, 40, 0.2) 0%, transparent 15%);
62
+ background-color: #0c1419;
63
+ border: 1px solid rgba(64, 100, 86, 0.3);
64
+ }
65
+
66
+ .terminal-card {
67
+ box-shadow:
68
+ 0 0 15px rgba(0, 200, 150, 0.2),
69
+ 0 0 30px rgba(0, 120, 150, 0.1);
70
+ transition: all 0.3s ease;
71
+ }
72
+
73
+ .terminal-card:hover {
74
+ transform: translateY(-5px);
75
+ box-shadow:
76
+ 0 5px 20px rgba(0, 200, 150, 0.4),
77
+ 0 0 40px rgba(0, 150, 200, 0.2);
78
+ }
79
+
80
+ .tech-border {
81
+ border: 1px solid rgba(64, 180, 170, 0.4);
82
+ }
83
+
84
+ .command-box {
85
+ background: rgba(15, 25, 30, 0.7);
86
+ border: 1px solid rgba(64, 180, 170, 0.3);
87
+ }
88
+
89
+ .graph-container {
90
+ background: linear-gradient(to bottom, #0b1217, #091016);
91
+ border: 1px solid rgba(64, 180, 170, 0.2);
92
+ border-radius: 8px;
93
+ overflow: hidden;
94
+ }
95
+
96
+ .ping {
97
+ animation: ping 1.5s cubic-bezier(0,0,0.2,1) infinite;
98
+ }
99
+
100
+ @keyframes ping {
101
+ 75%, 100% {
102
+ transform: scale(1.5);
103
+ opacity: 0;
104
+ }
105
+ }
106
+
107
+ .map-grid {
108
+ display: grid;
109
+ grid-template-columns: repeat(6, 1fr);
110
+ grid-template-rows: repeat(4, 1fr);
111
+ grid-gap: 2px;
112
+ height: 220px;
113
+ }
114
+
115
+ .grid-item {
116
+ background: rgba(20, 40, 50, 0.5);
117
+ border-radius: 2px;
118
+ position: relative;
119
+ overflow: hidden;
120
+ }
121
+
122
+ .active-grid {
123
+ background: rgba(24, 165, 145, 0.4);
124
+ box-shadow: 0 0 8px rgba(0, 200, 150, 0.3);
125
+ animation: pulse 2s infinite;
126
+ }
127
+
128
+ @keyframes pulse {
129
+ 0% {
130
+ box-shadow: 0 0 5px rgba(0, 200, 150, 0.3);
131
+ }
132
+ 50% {
133
+ box-shadow: 0 0 15px rgba(0, 200, 150, 0.6);
134
+ }
135
+ 100% {
136
+ box-shadow: 0 0 5px rgba(0, 200, 150, 0.3);
137
+ }
138
+ }
139
+
140
+ .nav-link {
141
+ position: relative;
142
+ padding: 0.5rem 0;
143
+ }
144
+
145
+ .nav-link:after {
146
+ content: '';
147
+ position: absolute;
148
+ width: 0;
149
+ height: 2px;
150
+ bottom: 0;
151
+ left: 0;
152
+ background: linear-gradient(90deg, transparent, #00d2aa, transparent);
153
+ transition: width 0.3s;
154
+ }
155
+
156
+ .nav-link:hover:after {
157
+ width: 100%;
158
+ }
159
+ </style>
160
+ </head>
161
+ <body>
162
+ <!-- Navigation -->
163
+ <nav class="camo-bg fixed w-full z-50 border-b border-gray-800">
164
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
165
+ <div class="flex justify-between h-16">
166
+ <div class="flex items-center">
167
+ <div class="flex-shrink-0 flex items-center">
168
+ <i class="fas fa-satellite text-digital-500 text-2xl mr-2"></i>
169
+ <span class="text-xl font-bold tracking-wide text-white">INTEGRATE.IO</span>
170
+ </div>
171
+ </div>
172
+ <div class="hidden md:flex items-center space-x-8">
173
+ <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2">Dashboard</a>
174
+ <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2">Modules</a>
175
+ <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2">Networks</a>
176
+ <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2">Analytics</a>
177
+ <a href="#" class="nav-link text-gray-300 hover:text-white px-3 py-2">Settings</a>
178
+ </div>
179
+ <div class="flex items-center">
180
+ <button class="md:hidden text-gray-400 hover:text-white">
181
+ <i class="fas fa-bars text-xl"></i>
182
+ </button>
183
+ <button class="ml-4 hidden md:inline-flex items-center px-4 py-2 border border-digital-600 rounded-md text-digital-300 hover:bg-digital-900 hover:text-white">
184
+ <i class="fas fa-user-shield mr-2"></i>
185
+ Secure Access
186
+ </button>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </nav>
191
+
192
+ <!-- Mobile Menu -->
193
+ <div class="md:hidden camo-bg absolute top-16 left-0 w-full border-t border-gray-800 hidden" id="mobileMenu">
194
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
195
+ <a href="#" class="block px-3 py-2 rounded-md text-white bg-digital-900">Dashboard</a>
196
+ <a href="#" class="block px-3 py-2 rounded-md text-gray-300 hover:bg-digital-900 hover:text-white">Modules</a>
197
+ <a href="#" class="block px-3 py-2 rounded-md text-gray-300 hover:bg-digital-900 hover:text-white">Networks</a>
198
+ <a href="#" class="block px-3 py-2 rounded-md text-gray-300 hover:bg-digital-900 hover:text-white">Analytics</a>
199
+ <a href="#" class="block px-3 py-2 rounded-md text-gray-300 hover:bg-digital-900 hover:text-white">Settings</a>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- Hero Section -->
204
+ <div class="relative pt-24 pb-20 px-4 sm:px-6 lg:pt-32 lg:pb-28 lg:px-8">
205
+ <div class="max-w-7xl mx-auto">
206
+ <div class="relative">
207
+ <div class="text-center">
208
+ <h1 class="text-4xl sm:text-5xl md:text-6xl font-extrabold tracking-tight text-white">
209
+ <span class="block">Tactical</span>
210
+ <span class="block bg-gradient-to-r from-digital-400 to-digital-500 bg-clip-text text-transparent">
211
+ Aggregation System
212
+ </span>
213
+ </h1>
214
+ <p class="mt-6 max-w-lg mx-auto text-lg text-gray-400">
215
+ Unify your data streams with precision and reliability.
216
+ The next-gen integration platform for mission-critical operations.
217
+ </p>
218
+ <div class="mt-10 max-w-md mx-auto sm:max-w-none sm:flex sm:justify-center">
219
+ <div class="rounded-md shadow">
220
+ <div class="command-box rounded-lg overflow-hidden flex items-center">
221
+ <div class="bg-digital-600 py-3 px-4">
222
+ <i class="fas fa-terminal text-white"></i>
223
+ </div>
224
+ <div class="py-3 px-4 font-mono text-gray-300 flex-grow overflow-x-auto">
225
+ $ git clone https://huggingface.co/spaces/Squadrongrit/aggregation-system
226
+ </div>
227
+ <button class="bg-digital-600 hover:bg-digital-500 py-3 px-4 transition duration-300">
228
+ <i class="fas fa-copy text-white"></i>
229
+ </button>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </div>
234
+
235
+ <div class="mt-20">
236
+ <div class="camo-bg rounded-2xl p-6 md:p-8 terminal-card">
237
+ <div class="flex flex-wrap -mx-4">
238
+ <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
239
+ <h3 class="text-2xl font-bold text-white flex items-center">
240
+ <i class="fas fa-project-diagram text-digital-400 mr-3"></i>
241
+ Integrated Data Modules
242
+ </h3>
243
+ <p class="mt-3 text-gray-400">
244
+ Seamlessly integrate diverse data sources with our modular framework.
245
+ Pre-configured adapters for all major platforms with real-time synchronization.
246
+ </p>
247
+ <div class="mt-8 space-y-4">
248
+ <div class="flex items-start">
249
+ <div class="flex-shrink-0 mt-1">
250
+ <div class="w-2 h-2 rounded-full bg-digital-500 mr-3 relative">
251
+ <div class="absolute inset-0 rounded-full bg-digital-500 ping"></div>
252
+ </div>
253
+ </div>
254
+ <p class="text-gray-400">
255
+ Cross-platform compatibility with zero configuration overhead
256
+ </p>
257
+ </div>
258
+ <div class="flex items-start">
259
+ <div class="flex-shrink-0 mt-1">
260
+ <div class="w-2 h-2 rounded-full bg-digital-500 mr-3 relative">
261
+ <div class="absolute inset-0 rounded-full bg-digital-500 ping"></div>
262
+ </div>
263
+ </div>
264
+ <p class="text-gray-400">
265
+ Secure encrypted connections for all data transfers
266
+ </p>
267
+ </div>
268
+ <div class="flex items-start">
269
+ <div class="flex-shrink-0 mt-1">
270
+ <div class="w-2 h-2 rounded-full bg-digital-500 mr-3 relative">
271
+ <div class="absolute inset-0 rounded-full bg-digital-500 ping"></div>
272
+ </div>
273
+ </div>
274
+ <p class="text-gray-400">
275
+ Real-time monitoring and automatic failover capabilities
276
+ </p>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ <div class="w-full lg:w-1/2 px-4">
281
+ <div class="graph-container p-4 h-full">
282
+ <div class="flex justify-between items-center mb-4">
283
+ <div>
284
+ <h4 class="text-white text-lg font-semibold flex items-center">
285
+ <i class="fas fa-chart-network text-digital-400 mr-2"></i>
286
+ System Activity Map
287
+ </h4>
288
+ <div class="text-green-500 text-sm mt-1 flex items-center">
289
+ <div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div>
290
+ All systems operational
291
+ </div>
292
+ </div>
293
+ <div class="text-sm text-gray-500">
294
+ Last updated: <span class="text-gray-300">12:45:23 UTC</span>
295
+ </div>
296
+ </div>
297
+ <div class="map-grid">
298
+ <div class="grid-item active-grid"></div>
299
+ <div class="grid-item"></div>
300
+ <div class="grid-item active-grid"></div>
301
+ <div class="grid-item"></div>
302
+ <div class="grid-item active-grid"></div>
303
+ <div class="grid-item"></div>
304
+
305
+ <div class="grid-item"></div>
306
+ <div class="grid-item active-grid"></div>
307
+ <div class="grid-item"></div>
308
+ <div class="grid-item active-grid"></div>
309
+ <div class="grid-item"></div>
310
+ <div class="grid-item"></div>
311
+
312
+ <div class="grid-item active-grid"></div>
313
+ <div class="grid-item"></div>
314
+ <div class="grid-item active-grid"></div>
315
+ <div class="grid-item"></div>
316
+ <div class="grid-item"></div>
317
+ <div class="grid-item active-grid"></div>
318
+
319
+ <div class="grid-item"></div>
320
+ <div class="grid-item"></div>
321
+ <div class="grid-item"></div>
322
+ <div class="grid-item active-grid"></div>
323
+ <div class="grid-item active-grid"></div>
324
+ <div class="grid-item"></div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+
335
+ <!-- Features Section -->
336
+ <div class="py-16 px-4 sm:px-6 lg:px-8">
337
+ <div class="max-w-7xl mx-auto">
338
+ <div class="text-center">
339
+ <h2 class="text-3xl font-bold text-white">
340
+ <i class="fas fa-code text-digital-400 mr-2"></i>
341
+ Integrated System Capabilities
342
+ </h2>
343
+ <p class="mt-4 max-w-2xl mx-auto text-lg text-gray-400">
344
+ Our aggregation platform provides all the tools you need for resilient, secure data operations
345
+ </p>
346
+ </div>
347
+
348
+ <div class="mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
349
+ <!-- Feature 1 -->
350
+ <div class="camo-bg rounded-2xl p-6 tech-border terminal-card">
351
+ <div class="w-12 h-12 rounded-md bg-digital-900 flex items-center justify-center text-digital-400 text-xl mb-5">
352
+ <i class="fas fa-shield-alt"></i>
353
+ </div>
354
+ <h3 class="text-xl font-bold text-white mb-3">Secure Integration</h3>
355
+ <p class="text-gray-400">
356
+ Built-in encryption protocols and zero-trust architecture ensure your data remains protected at every stage of integration.
357
+ </p>
358
+ </div>
359
+
360
+ <!-- Feature 2 -->
361
+ <div class="camo-bg rounded-2xl p-6 tech-border terminal-card">
362
+ <div class="w-12 h-12 rounded-md bg-digital-900 flex items-center justify-center text-digital-400 text-xl mb-5">
363
+ <i class="fas fa-bolt"></i>
364
+ </div>
365
+ <h3 class="text-xl font-bold text-white mb-3">Real-time Processing</h3>
366
+ <p class="text-gray-400">
367
+ High-velocity data streams processed with sub-millisecond latency for immediate insights when timing is critical.
368
+ </p>
369
+ </div>
370
+
371
+ <!-- Feature 3 -->
372
+ <div class="camo-bg rounded-2xl p-6 tech-border terminal-card">
373
+ <div class="w-12 h-12 rounded-md bg-digital-900 flex items-center justify-center text-digital-400 text-xl mb-5">
374
+ <i class="fas fa-expand-arrows-alt"></i>
375
+ </div>
376
+ <h3 class="text-xl font-bold text-white mb-3">Scalable Infrastructure</h3>
377
+ <p class="text-gray-400">
378
+ Horizontally scalable architecture grows with your needs. Handle from small datasets to petabytes of information seamlessly.
379
+ </p>
380
+ </div>
381
+
382
+ <!-- Feature 4 -->
383
+ <div class="camo-bg rounded-2xl p-6 tech-border terminal-card">
384
+ <div class="w-12 h-12 rounded-md bg-digital-900 flex items-center justify-center text-digital-400 text-xl mb-5">
385
+ <i class="fas fa-network-wired"></i>
386
+ </div>
387
+ <h3 class="text-xl font-bold text-white mb-3">Multi-source Connectivity</h3>
388
+ <p class="text-gray-400">
389
+ Pre-configured connectors for databases, APIs, IoT devices, and legacy systems for unified access to all your data streams.
390
+ </p>
391
+ </div>
392
+
393
+ <!-- Feature 5 -->
394
+ <div class="camo-bg rounded-2xl p-6 tech-border terminal-card">
395
+ <div class="w-12 h-12 rounded-md bg-digital-900 flex items-center justify-center text-digital-400 text-xl mb-5">
396
+ <i class="fas fa-brain"></i>
397
+ </div>
398
+ <h3 class="text-xl font-bold text-white mb-3">Adaptive Intelligence</h3>
399
+ <p class="text-gray-400">
400
+ Self-learning algorithms optimize data routing and throughput based on usage patterns and system conditions.
401
+ </p>
402
+ </div>
403
+
404
+ <!-- Feature 6 -->
405
+ <div class="camo-bg rounded-2xl p-6 tech-border terminal-card">
406
+ <div class="w-12 h-12 rounded-md bg-digital-900 flex items-center justify-center text-digital-400 text-xl mb-5">
407
+ <i class="fas fa-eye"></i>
408
+ </div>
409
+ <h3 class="text-xl font-bold text-white mb-3">Comprehensive Monitoring</h3>
410
+ <p class="text-gray-400">
411
+ Real-time health dashboards with detailed analytics, anomaly detection and automated alerting systems.
412
+ </p>
413
+ </div>
414
+ </div>
415
+ </div>
416
+ </div>
417
+
418
+ <!-- Deployment Section -->
419
+ <div class="py-16 px-4 sm:px-6 lg:px-8 camo-bg">
420
+ <div class="max-w-7xl mx-auto">
421
+ <div class="lg:text-center">
422
+ <h2 class="text-3xl font-bold text-white">
423
+ <i class="fas fa-upload text-digital-400 mr-3"></i>
424
+ Rapid Deployment Options
425
+ </h2>
426
+ <p class="mt-4 max-w-2xl mx-auto text-lg text-gray-400">
427
+ Choose the integration method that works best with your existing infrastructure
428
+ </p>
429
+ </div>
430
+
431
+ <div class="mt-16">
432
+ <div class="flex flex-col lg:flex-row lg:space-x-8">
433
+ <div class="flex-1 mb-10 lg:mb-0">
434
+ <div class="tech-border rounded-xl bg-gray-900/20 p-6">
435
+ <div class="flex justify-between mb-6">
436
+ <h3 class="text-xl font-bold text-white flex items-center">
437
+ <i class="fas fa-cloud text-digital-300 mr-2"></i>
438
+ Cloud Deployment
439
+ </h3>
440
+ <span class="bg-digital-800 text-digital-300 text-xs px-3 py-1 rounded-full">
441
+ Popular
442
+ </span>
443
+ </div>
444
+ <div class="space-y-4">
445
+ <div class="flex items-start">
446
+ <div class="flex-shrink-0 mt-1 mr-3 text-digital-400">
447
+ <i class="fas fa-check-circle"></i>
448
+ </div>
449
+ <p class="text-gray-400">
450
+ Fully managed service with automatic scaling
451
+ </p>
452
+ </div>
453
+ <div class="flex items-start">
454
+ <div class="flex-shrink-0 mt-1 mr-3 text-digital-400">
455
+ <i class="fas fa-check-circle"></i>
456
+ </div>
457
+ <p class="text-gray-400">
458
+ Global edge network for low-latency access
459
+ </p>
460
+ </div>
461
+ <div class="flex items-start">
462
+ <div class="flex-shrink-0 mt-1 mr-3 text-digital-400">
463
+ <i class="fas fa-check-circle"></i>
464
+ </div>
465
+ <p class="text-gray-400">
466
+ 99.99% uptime SLA with 24/7 monitoring
467
+ </p>
468
+ </div>
469
+ </div>
470
+ <button class="mt-8 w-full bg-digital-700 hover:bg-digital-600 text-white py-3 px-4 rounded-lg transition duration-300">
471
+ Deploy Now
472
+ </button>
473
+ </div>
474
+ </div>
475
+
476
+ <div class="flex-1">
477
+ <div class="tech-border rounded-xl bg-gray-900/20 p-6">
478
+ <div class="mb-6">
479
+ <h3 class="text-xl font-bold text-white flex items-center">
480
+ <i class="fas fa-server text-digital-300 mr-2"></i>
481
+ On-Premises Deployment
482
+ </h3>
483
+ </div>
484
+ <div class="space-y-4">
485
+ <div class="flex items-start">
486
+ <div class="flex-shrink-0 mt-1 mr-3 text-digital-400">
487
+ <i class="fas fa-check-circle"></i>
488
+ </div>
489
+ <p class="text-gray-400">
490
+ Complete control over infrastructure and data
491
+ </p>
492
+ </div>
493
+ <div class="flex items-start">
494
+ <div class="flex-shrink-0 mt-1 mr-3 text-digital-400">
495
+ <i class="fas fa-check-circle"></i>
496
+ </div>
497
+ <p class="text-gray-400">
498
+ Air-gapped deployment capabilities
499
+ </p>
500
+ </div>
501
+ <div class="flex items-start">
502
+ <div class="flex-shrink-0 mt-1 mr-3 text-digital-400">
503
+ <i class="fas fa-check-circle"></i>
504
+ </div>
505
+ <p class="text-gray-400">
506
+ Customizable hardware configurations
507
+ </p>
508
+ </div>
509
+ </div>
510
+ <button class="mt-8 w-full bg-gray-800 hover:bg-gray-700 text-white py-3 px-4 rounded-lg transition duration-300">
511
+ Request Access
512
+ </button>
513
+ </div>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ </div>
519
+
520
+ <!-- Footer -->
521
+ <footer class="bg-gray-900 border-t border-gray-800 pt-12 pb-8">
522
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
523
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
524
+ <div>
525
+ <div class="flex items-center">
526
+ <i class="fas fa-satellite text-digital-500 text-2xl mr-2"></i>
527
+ <span class="text-xl font-bold tracking-wide text-white">INTEGRATE.IO</span>
528
+ </div>
529
+ <p class="mt-4 text-gray-400">
530
+ Unified data aggregation platform for mission-critical applications.
531
+ </p>
532
+ <div class="mt-4 flex space-x-4">
533
+ <a href="#" class="text-gray-400 hover:text-digital-300">
534
+ <i class="fab fa-github fa-lg"></i>
535
+ </a>
536
+ <a href="#" class="text-gray-400 hover:text-digital-300">
537
+ <i class="fab fa-twitter fa-lg"></i>
538
+ </a>
539
+ <a href="#" class="text-gray-400 hover:text-digital-300">
540
+ <i class="fab fa-linkedin fa-lg"></i>
541
+ </a>
542
+ </div>
543
+ </div>
544
+
545
+ <div>
546
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Platform</h3>
547
+ <ul class="mt-4 space-y-3">
548
+ <li><a href="#" class="text-gray-400 hover:text-white">Core Systems</a></li>
549
+ <li><a href="#" class="text-gray-400 hover:text-white">Networks</a></li>
550
+ <li><a href="#" class="text-gray-400 hover:text-white">Modules</a></li>
551
+ <li><a href="#" class="text-gray-400 hover:text-white">Extensions</a></li>
552
+ </ul>
553
+ </div>
554
+
555
+ <div>
556
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Resources</h3>
557
+ <ul class="mt-4 space-y-3">
558
+ <li><a href="#" class="text-gray-400 hover:text-white">Documentation</a></li>
559
+ <li><a href="#" class="text-gray-400 hover:text-white">API Reference</a></li>
560
+ <li><a href="#" class="text-gray-400 hover:text-white">Support Center</a></li>
561
+ <li><a href="#" class="text-gray-400 hover:text-white">Status</a></li>
562
+ </ul>
563
+ </div>
564
+
565
+ <div>
566
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Enterprise</h3>
567
+ <ul class="mt-4 space-y-3">
568
+ <li><a href="#" class="text-gray-400 hover:text-white">Solutions</a></li>
569
+ <li><a href="#" class="text-gray-400 hover:text-white">Industries</a></li>
570
+ <li><a href="#" class="text-gray-400 hover:text-white">Partners</a></li>
571
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact Sales</a></li>
572
+ </ul>
573
+ </div>
574
+ </div>
575
+ <div class="mt-12 pt-8 border-t border-gray-800 text-sm text-gray-500 text-center">
576
+ &copy; 2023 Integrate.IO. All rights reserved. Secure and reliable data aggregation systems.
577
+ </div>
578
+ </div>
579
+ </footer>
580
+
581
+ <script>
582
+ // Mobile menu toggle
583
+ const mobileMenuButton = document.querySelector('button[class*="md:hidden"]');
584
+ const mobileMenu = document.getElementById('mobileMenu');
585
+
586
+ mobileMenuButton.addEventListener('click', () => {
587
+ mobileMenu.classList.toggle('hidden');
588
+ });
589
+
590
+ // Terminal copy functionality
591
+ const copyButton = document.querySelector('.command-box button');
592
+ copyButton.addEventListener('click', () => {
593
+ const commandText = document.querySelector('.command-box .font-mono').textContent;
594
+ navigator.clipboard.writeText(commandText);
595
+
596
+ const originalHTML = copyButton.innerHTML;
597
+ copyButton.innerHTML = '<i class="fas fa-check text-white"></i>';
598
+
599
+ setTimeout(() => {
600
+ copyButton.innerHTML = originalHTML;
601
+ }, 1500);
602
+ });
603
+ </script>
604
+ <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=Squadrongrit/cd" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
605
+ </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ make this more appealing in a military mock design but do not use military terminology and make it mobile friedndly git clone https://huggingface.co/spaces/Squadrongrit/aggregation-system
2
+ can you change the color into dark green brown like military uniform style with modern design but all is good only the color
3
+ can you change the color into dark green brown like military uniform style with modern design but all is good only the color