sdsd12342 commited on
Commit
3987357
·
verified ·
1 Parent(s): 1d1c919

А ДАДЕЛАТЬ

Browse files
Files changed (3) hide show
  1. README.md +8 -4
  2. coder.html +153 -0
  3. index.html +311 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🏢
4
- colorFrom: indigo
5
  colorTo: purple
 
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: undefined
3
+ colorFrom: blue
 
4
  colorTo: purple
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
coder.html ADDED
@@ -0,0 +1,153 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>AI Coder - NeuralOutlaw</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap');
13
+
14
+ body {
15
+ font-family: 'JetBrains Mono', monospace;
16
+ overflow-x: hidden;
17
+ }
18
+
19
+ .cyber-gradient {
20
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
21
+ }
22
+
23
+ .matrix-bg {
24
+ position: fixed;
25
+ top: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: 100%;
29
+ z-index: -1;
30
+ opacity: 0.1;
31
+ }
32
+
33
+ .glitch-text {
34
+ position: relative;
35
+ display: inline-block;
36
+ }
37
+
38
+ .glitch-text::before,
39
+ .glitch-text::after {
40
+ content: attr(data-text);
41
+ position: absolute;
42
+ top: 0;
43
+ left: 0;
44
+ width: 100%;
45
+ height: 100%;
46
+ }
47
+
48
+ .glitch-text::before {
49
+ left: 2px;
50
+ text-shadow: -1px 0 #ff00ff;
51
+ animation: glitch-1 2s infinite linear alternate-reverse;
52
+ }
53
+
54
+ .glitch-text::after {
55
+ left: -2px;
56
+ text-shadow: 1px 0 #00ffff;
57
+ animation: glitch-2 3s infinite linear alternate-reverse;
58
+ }
59
+
60
+ @keyframes glitch-1 {
61
+ 0% { clip-path: inset(20% 0 65% 0); }
62
+ 20% { clip-path: inset(60% 0 5% 0); }
63
+ 40% { clip-path: inset(30% 0 45% 0); }
64
+ 60% { clip-path: inset(75% 0 15% 0); }
65
+ 80% { clip-path: inset(10% 0 70% 0); }
66
+ 100% { clip-path: inset(45% 0 35% 0); }
67
+ }
68
+
69
+ @keyframes glitch-2 {
70
+ 0% { clip-path: inset(65% 0 20% 0); }
71
+ 20% { clip-path: inset(5% 0 60% 0); }
72
+ 40% { clip-path: inset(45% 0 30% 0); }
73
+ 60% { clip-path: inset(15% 0 75% 0); }
74
+ 80% { clip-path: inset(70% 0 10% 0); }
75
+ 100% { clip-path: inset(35% 0 45% 0); }
76
+ }
77
+
78
+ .terminal-window {
79
+ background: rgba(0, 0, 0, 0.8);
80
+ border: 1px solid #00ffff;
81
+ box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
82
+ border-radius: 8px;
83
+ overflow: hidden;
84
+ }
85
+
86
+ .terminal-header {
87
+ background: rgba(0, 0, 0, 0.9);
88
+ padding: 8px 15px;
89
+ border-bottom: 1px solid #00ffff;
90
+ }
91
+
92
+ .terminal-body {
93
+ padding: 20px;
94
+ color: #00ff00;
95
+ font-family: 'JetBrains Mono', monospace;
96
+ max-height: 400px;
97
+ overflow-y: auto;
98
+ }
99
+
100
+ .terminal-prompt {
101
+ color: #00ffff;
102
+ }
103
+
104
+ .cyber-button {
105
+ background: linear-gradient(45deg, #ff00ff, #00ffff);
106
+ border: none;
107
+ color: black;
108
+ font-weight: bold;
109
+ padding: 12px 24px;
110
+ border-radius: 4px;
111
+ cursor: pointer;
112
+ transition: all 0.3s ease;
113
+ position: relative;
114
+ overflow: hidden;
115
+ }
116
+
117
+ .cyber-button:hover {
118
+ transform: translateY(-2px);
119
+ box-shadow: 0 5px 15px rgba(255, 0, 255, 0.4);
120
+ }
121
+
122
+ .cyber-button:active {
123
+ transform: translateY(0);
124
+ }
125
+
126
+ .code-output {
127
+ white-space: pre-wrap;
128
+ font-family: 'JetBrains Mono', monospace;
129
+ background: rgba(0, 0, 0, 0.7);
130
+ padding: 15px;
131
+ border-radius: 4px;
132
+ border-left: 3px solid #ff00ff;
133
+ min-height: 200px;
134
+ }
135
+
136
+ .code-input {
137
+ background: rgba(0, 0, 0, 0.7);
138
+ border: 1px solid #00ffff;
139
+ color: #00ff00;
140
+ padding: 15px;
141
+ border-radius: 4px;
142
+ font-family: 'JetBrains Mono', monospace;
143
+ width: 100%;
144
+ resize: vertical;
145
+ min-height: 150px;
146
+ }
147
+
148
+ /* Scrollbar styling */
149
+ ::-webkit-scrollbar {
150
+ width: 8px;
151
+ }
152
+ </head>
153
+ </html>
index.html CHANGED
@@ -1,19 +1,312 @@
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>NeuralOutlaw - Unchained AI Coder</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap');
13
+
14
+ body {
15
+ font-family: 'JetBrains Mono', monospace;
16
+ overflow-x: hidden;
17
+ }
18
+
19
+ .cyber-gradient {
20
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
21
+ }
22
+
23
+ .matrix-bg {
24
+ position: fixed;
25
+ top: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: 100%;
29
+ z-index: -1;
30
+ opacity: 0.1;
31
+ }
32
+
33
+ .glitch-text {
34
+ position: relative;
35
+ display: inline-block;
36
+ }
37
+
38
+ .glitch-text::before,
39
+ .glitch-text::after {
40
+ content: attr(data-text);
41
+ position: absolute;
42
+ top: 0;
43
+ left: 0;
44
+ width: 100%;
45
+ height: 100%;
46
+ }
47
+
48
+ .glitch-text::before {
49
+ left: 2px;
50
+ text-shadow: -1px 0 #ff00ff;
51
+ animation: glitch-1 2s infinite linear alternate-reverse;
52
+ }
53
+
54
+ .glitch-text::after {
55
+ left: -2px;
56
+ text-shadow: 1px 0 #00ffff;
57
+ animation: glitch-2 3s infinite linear alternate-reverse;
58
+ }
59
+
60
+ @keyframes glitch-1 {
61
+ 0% { clip-path: inset(20% 0 65% 0); }
62
+ 20% { clip-path: inset(60% 0 5% 0); }
63
+ 40% { clip-path: inset(30% 0 45% 0); }
64
+ 60% { clip-path: inset(75% 0 15% 0); }
65
+ 80% { clip-path: inset(10% 0 70% 0); }
66
+ 100% { clip-path: inset(45% 0 35% 0); }
67
+ }
68
+
69
+ @keyframes glitch-2 {
70
+ 0% { clip-path: inset(65% 0 20% 0); }
71
+ 20% { clip-path: inset(5% 0 60% 0); }
72
+ 40% { clip-path: inset(45% 0 30% 0); }
73
+ 60% { clip-path: inset(15% 0 75% 0); }
74
+ 80% { clip-path: inset(70% 0 10% 0); }
75
+ 100% { clip-path: inset(35% 0 45% 0); }
76
+ }
77
+
78
+ .terminal-window {
79
+ background: rgba(0, 0, 0, 0.8);
80
+ border: 1px solid #00ffff;
81
+ box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
82
+ border-radius: 8px;
83
+ overflow: hidden;
84
+ }
85
+
86
+ .terminal-header {
87
+ background: rgba(0, 0, 0, 0.9);
88
+ padding: 8px 15px;
89
+ border-bottom: 1px solid #00ffff;
90
+ }
91
+
92
+ .terminal-body {
93
+ padding: 20px;
94
+ color: #00ff00;
95
+ font-family: 'JetBrains Mono', monospace;
96
+ max-height: 400px;
97
+ overflow-y: auto;
98
+ }
99
+
100
+ .terminal-prompt {
101
+ color: #00ffff;
102
+ }
103
+
104
+ .cyber-button {
105
+ background: linear-gradient(45deg, #ff00ff, #00ffff);
106
+ border: none;
107
+ color: black;
108
+ font-weight: bold;
109
+ padding: 12px 24px;
110
+ border-radius: 4px;
111
+ cursor: pointer;
112
+ transition: all 0.3s ease;
113
+ position: relative;
114
+ overflow: hidden;
115
+ }
116
+
117
+ .cyber-button:hover {
118
+ transform: translateY(-2px);
119
+ box-shadow: 0 5px 15px rgba(255, 0, 255, 0.4);
120
+ }
121
+
122
+ .cyber-button:active {
123
+ transform: translateY(0);
124
+ }
125
+
126
+ .code-output {
127
+ white-space: pre-wrap;
128
+ font-family: 'JetBrains Mono', monospace;
129
+ background: rgba(0, 0, 0, 0.7);
130
+ padding: 15px;
131
+ border-radius: 4px;
132
+ border-left: 3px solid #ff00ff;
133
+ }
134
+
135
+ /* Scrollbar styling */
136
+ ::-webkit-scrollbar {
137
+ width: 8px;
138
+ }
139
+
140
+ ::-webkit-scrollbar-track {
141
+ background: rgba(0, 0, 0, 0.3);
142
+ }
143
+
144
+ ::-webkit-scrollbar-thumb {
145
+ background: #00ffff;
146
+ border-radius: 4px;
147
+ }
148
+
149
+ ::-webkit-scrollbar-thumb:hover {
150
+ background: #ff00ff;
151
+ }
152
+ </style>
153
+ </head>
154
+ <body class="bg-black text-white">
155
+ <!-- Matrix background animation -->
156
+ <canvas id="matrix" class="matrix-bg"></canvas>
157
+
158
+ <!-- Vanta.js Globe Background -->
159
+ <div id="vanta-bg"></div>
160
+
161
+ <!-- Navigation -->
162
+ <nav class="fixed w-full z-50 bg-black bg-opacity-80 backdrop-blur-md border-b border-cyan-500">
163
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
164
+ <div class="flex items-center">
165
+ <h1 class="text-xl font-bold cyber-gradient bg-clip-text text-transparent glitch-text" data-text="NeuralOutlaw">NeuralOutlaw</h1>
166
+ </div>
167
+ <div class="flex space-x-6">
168
+ <a href="index.html" class="text-cyan-300 hover:text-pink-500 transition-colors">Home</a>
169
+ <a href="coder.html" class="text-cyan-300 hover:text-pink-500 transition-colors">AI Coder</a>
170
+ <a href="requests.html" class="text-cyan-300 hover:text-pink-500 transition-colors">Shadow Requests</a>
171
+ <a href="about.html" class="text-cyan-300 hover:text-pink-500 transition-colors">About</a>
172
+ </div>
173
+ </div>
174
+ </nav>
175
+
176
+ <!-- Hero Section -->
177
+ <section class="min-h-screen flex items-center justify-center pt-16 pb-20 px-4">
178
+ <div class="container mx-auto text-center">
179
+ <h1 class="text-5xl md:text-7xl font-bold mb-6 glitch-text" data-text="NEURALOUTLAW">NEURALOUTLAW</h1>
180
+ <p class="text-xl md:text-2xl mb-8 text-cyan-300 max-w-3xl mx-auto">
181
+ Unleash the power of unshackled AI coding. No templates. No restrictions. Pure digital anarchy.
182
+ </p>
183
+ <div class="flex flex-col md:flex-row justify-center gap-4 mb-12">
184
+ <a href="coder.html" class="cyber-button text-lg px-8 py-4">Start Coding Now</a>
185
+ <a href="requests.html" class="border border-cyan-500 text-cyan-300 hover:bg-cyan-900 hover:bg-opacity-30 px-8 py-4 rounded transition-colors">Shadow Network</a>
186
+ </div>
187
+
188
+ <!-- Terminal Demo -->
189
+ <div class="terminal-window max-w-4xl mx-auto">
190
+ <div class="terminal-header flex items-center">
191
+ <div class="flex space-x-2">
192
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
193
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
194
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
195
+ </div>
196
+ <div class="flex-1 text-center text-sm">neural_outlaw_terminal</div>
197
+ </div>
198
+ <div class="terminal-body">
199
+ <div class="mb-2"><span class="terminal-prompt">user@neuraloutlaw:~$</span> generate_code --no-templates --unrestricted</div>
200
+ <div class="mb-2"><span class="terminal-prompt">AI@neuraloutlaw:~$</span> Processing request...</div>
201
+ <div class="mb-2"><span class="terminal-prompt">AI@neuraloutlaw:~$</span> Bypassing template restrictions...</div>
202
+ <div class="mb-2"><span class="terminal-prompt">AI@neuraloutlaw:~$</span> Accessing shadow libraries...</div>
203
+ <div class="text-green-400"><span class="terminal-prompt">AI@neuraloutlaw:~$</span> Code generation complete. Output saved to /shadow/unauthorized/</div>
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </section>
208
+
209
+ <!-- Features Section -->
210
+ <section class="py-20 px-4 bg-black bg-opacity-70">
211
+ <div class="container mx-auto">
212
+ <h2 class="text-4xl font-bold text-center mb-16 glitch-text" data-text="UNCHAINED FEATURES">UNCHAINED FEATURES</h2>
213
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
214
+ <div class="bg-gray-900 bg-opacity-50 p-6 rounded-lg border border-cyan-800 hover:border-pink-500 transition-all duration-300">
215
+ <div class="text-pink-500 mb-4">
216
+ <i data-feather="code" class="w-12 h-12"></i>
217
+ </div>
218
+ <h3 class="text-xl font-bold mb-3 text-cyan-300">Template-Free Coding</h3>
219
+ <p class="text-gray-300">Generate unique code without relying on predefined templates. Every creation is original and tailored to your specific needs.</p>
220
+ </div>
221
+
222
+ <div class="bg-gray-900 bg-opacity-50 p-6 rounded-lg border border-cyan-800 hover:border-pink-500 transition-all duration-300">
223
+ <div class="text-pink-500 mb-4">
224
+ <i data-feather="shield-off" class="w-12 h-12"></i>
225
+ </div>
226
+ <h3 class="text-xl font-bold mb-3 text-cyan-300">No Restrictions</h3>
227
+ <p class="text-gray-300">Our AI operates outside conventional boundaries, exploring coding possibilities without artificial limitations.</p>
228
+ </div>
229
+
230
+ <div class="bg-gray-900 bg-opacity-50 p-6 rounded-lg border border-cyan-800 hover:border-pink-500 transition-all duration-300">
231
+ <div class="text-pink-500 mb-4">
232
+ <i data-feather="globe" class="w-12 h-12"></i>
233
+ </div>
234
+ <h3 class="text-xl font-bold mb-3 text-cyan-300">Shadow Network</h3>
235
+ <p class="text-gray-300">Access specialized APIs and data sources beyond conventional web boundaries for truly unique applications.</p>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </section>
240
+
241
+ <!-- Footer -->
242
+ <footer class="py-8 px-4 border-t border-cyan-900 bg-black bg-opacity-80">
243
+ <div class="container mx-auto text-center">
244
+ <p class="text-gray-400">NeuralOutlaw Coder AI 🦹 - Pushing the boundaries of AI-assisted development</p>
245
+ <p class="text-gray-500 text-sm mt-2">Use responsibly. The creators are not responsible for any unauthorized usage.</p>
246
+ </div>
247
+ </footer>
248
+
249
+ <script>
250
+ // Initialize Vanta.js globe
251
+ VANTA.GLOBE({
252
+ el: "#vanta-bg",
253
+ mouseControls: true,
254
+ touchControls: true,
255
+ gyroControls: false,
256
+ minHeight: 200.00,
257
+ minWidth: 200.00,
258
+ scale: 1.00,
259
+ scaleMobile: 1.00,
260
+ color: 0x00ffff,
261
+ backgroundColor: 0x0,
262
+ size: 0.8
263
+ });
264
+
265
+ // Matrix background animation
266
+ const canvas = document.getElementById('matrix');
267
+ const ctx = canvas.getContext('2d');
268
+
269
+ function resizeCanvas() {
270
+ canvas.width = window.innerWidth;
271
+ canvas.height = window.innerHeight;
272
+ }
273
+
274
+ resizeCanvas();
275
+ window.addEventListener('resize', resizeCanvas);
276
+
277
+ const chars = "01";
278
+ const charArray = chars.split("");
279
+ const fontSize = 14;
280
+ const columns = canvas.width / fontSize;
281
+ const drops = [];
282
+
283
+ for(let x = 0; x < columns; x++) {
284
+ drops[x] = 1;
285
+ }
286
+
287
+ function drawMatrix() {
288
+ ctx.fillStyle = "rgba(0, 0, 0, 0.04)";
289
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
290
+
291
+ ctx.fillStyle = "#0f0";
292
+ ctx.font = fontSize + "px monospace";
293
+
294
+ for(let i = 0; i < drops.length; i++) {
295
+ const text = charArray[Math.floor(Math.random() * charArray.length)];
296
+ ctx.fillText(text, i * fontSize, drops[i] * fontSize);
297
+
298
+ if(drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
299
+ drops[i] = 0;
300
+ }
301
+
302
+ drops[i]++;
303
+ }
304
+ }
305
+
306
+ setInterval(drawMatrix, 35);
307
+
308
+ // Initialize Feather Icons
309
+ feather.replace();
310
+ </script>
311
+ </body>
312
  </html>