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

ничего нету при перенаправлении на coder.html

Browse files
Files changed (1) hide show
  1. coder.html +321 -1
coder.html CHANGED
@@ -149,5 +149,325 @@
149
  ::-webkit-scrollbar {
150
  width: 8px;
151
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
152
  </head>
153
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
149
  ::-webkit-scrollbar {
150
  width: 8px;
151
  }
152
+ ::-webkit-scrollbar-track {
153
+ background: rgba(0, 0, 0, 0.3);
154
+ }
155
+
156
+ ::-webkit-scrollbar-thumb {
157
+ background: #00ffff;
158
+ border-radius: 4px;
159
+ }
160
+
161
+ ::-webkit-scrollbar-thumb:hover {
162
+ background: #ff00ff;
163
+ }
164
+ </style>
165
+ </head>
166
+ <body class="bg-black text-white">
167
+ <!-- Matrix background animation -->
168
+ <canvas id="matrix" class="matrix-bg"></canvas>
169
+
170
+ <!-- Vanta.js Globe Background -->
171
+ <div id="vanta-bg"></div>
172
+
173
+ <!-- Navigation -->
174
+ <nav class="fixed w-full z-50 bg-black bg-opacity-80 backdrop-blur-md border-b border-cyan-500">
175
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
176
+ <div class="flex items-center">
177
+ <h1 class="text-xl font-bold cyber-gradient bg-clip-text text-transparent glitch-text" data-text="NeuralOutlaw">NeuralOutlaw</h1>
178
+ </div>
179
+ <div class="flex space-x-6">
180
+ <a href="index.html" class="text-cyan-300 hover:text-pink-500 transition-colors">Home</a>
181
+ <a href="coder.html" class="text-cyan-300 hover:text-pink-500 transition-colors">AI Coder</a>
182
+ <a href="requests.html" class="text-cyan-300 hover:text-pink-500 transition-colors">Shadow Requests</a>
183
+ <a href="about.html" class="text-cyan-300 hover:text-pink-500 transition-colors">About</a>
184
+ </div>
185
+ </div>
186
+ </nav>
187
+
188
+ <!-- Main Content -->
189
+ <section class="min-h-screen flex items-center justify-center pt-16 pb-20 px-4">
190
+ <div class="container mx-auto max-w-4xl">
191
+ <h1 class="text-4xl md:text-5xl font-bold text-center mb-8 glitch-text" data-text="AI CODER">AI CODER</h1>
192
+ <p class="text-lg text-cyan-300 text-center mb-12">Generate unrestricted code without templates or limitations</p>
193
+
194
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
195
+ <!-- Input Section -->
196
+ <div class="terminal-window">
197
+ <div class="terminal-header flex items-center">
198
+ <div class="flex space-x-2">
199
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
200
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
201
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
202
+ </div>
203
+ <div class="flex-1 text-center text-sm">code_input_terminal</div>
204
+ </div>
205
+ <div class="terminal-body">
206
+ <div class="mb-4">
207
+ <label for="codePrompt" class="block text-cyan-300 mb-2">Enter your coding request:</label>
208
+ <textarea
209
+ id="codePrompt"
210
+ class="code-input w-full"
211
+ placeholder="Describe what you want to code... (e.g., Create a Python script that scrapes data from a website)"
212
+ rows="6"
213
+ ></textarea>
214
+ </div>
215
+ <div class="mb-4">
216
+ <label for="language" class="block text-cyan-300 mb-2">Programming Language:</label>
217
+ <select id="language" class="code-input w-full">
218
+ <option value="python">Python</option>
219
+ <option value="javascript">JavaScript</option>
220
+ <option value="html">HTML</option>
221
+ <option value="css">CSS</option>
222
+ <option value="java">Java</option>
223
+ <option value="cpp">C++</option>
224
+ <option value="rust">Rust</option>
225
+ <option value="go">Go</option>
226
+ </select>
227
+ </div>
228
+ <button id="generateBtn" class="cyber-button w-full">Generate Code</button>
229
+ </div>
230
+ </div>
231
+
232
+ <!-- Output Section -->
233
+ <div class="terminal-window">
234
+ <div class="terminal-header flex items-center">
235
+ <div class="flex space-x-2">
236
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
237
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
238
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
239
+ </div>
240
+ <div class="flex-1 text-center text-sm">code_output_terminal</div>
241
+ </div>
242
+ <div class="terminal-body">
243
+ <div id="output" class="code-output">
244
+ <span class="terminal-prompt">AI@neuraloutlaw:~$</span> Awaiting your command...
245
+ </div>
246
+ <div class="mt-4 flex gap-2">
247
+ <button id="copyBtn" class="cyber-button flex-1 opacity-50 cursor-not-allowed" disabled>Copy Code</button>
248
+ <button id="downloadBtn" class="cyber-button flex-1 opacity-50 cursor-not-allowed" disabled>Download</button>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </div>
253
+
254
+ <!-- Loading Animation -->
255
+ <div id="loading" class="hidden text-center mt-8">
256
+ <div class="inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-cyan-500"></div>
257
+ <p class="text-cyan-300 mt-2">Generating unrestricted code...</p>
258
+ </div>
259
+ </div>
260
+ </section>
261
+
262
+ <!-- Footer -->
263
+ <footer class="py-8 px-4 border-t border-cyan-900 bg-black bg-opacity-80">
264
+ <div class="container mx-auto text-center">
265
+ <p class="text-gray-400">NeuralOutlaw Coder AI 🦹 - Pushing the boundaries of AI-assisted development</p>
266
+ <p class="text-gray-500 text-sm mt-2">Use responsibly. The creators are not responsible for any unauthorized usage.</p>
267
+ </div>
268
+ </footer>
269
+
270
+ <script>
271
+ // Initialize Vanta.js globe
272
+ VANTA.GLOBE({
273
+ el: "#vanta-bg",
274
+ mouseControls: true,
275
+ touchControls: true,
276
+ gyroControls: false,
277
+ minHeight: 200.00,
278
+ minWidth: 200.00,
279
+ scale: 1.00,
280
+ scaleMobile: 1.00,
281
+ color: 0x00ffff,
282
+ backgroundColor: 0x0,
283
+ size: 0.8
284
+ });
285
+
286
+ // Matrix background animation
287
+ const canvas = document.getElementById('matrix');
288
+ const ctx = canvas.getContext('2d');
289
+
290
+ function resizeCanvas() {
291
+ canvas.width = window.innerWidth;
292
+ canvas.height = window.innerHeight;
293
+ }
294
+
295
+ resizeCanvas();
296
+ window.addEventListener('resize', resizeCanvas);
297
+
298
+ const chars = "01";
299
+ const charArray = chars.split("");
300
+ const fontSize = 14;
301
+ const columns = canvas.width / fontSize;
302
+ const drops = [];
303
+
304
+ for(let x = 0; x < columns; x++) {
305
+ drops[x] = 1;
306
+ }
307
+
308
+ function drawMatrix() {
309
+ ctx.fillStyle = "rgba(0, 0, 0, 0.04)";
310
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
311
+
312
+ ctx.fillStyle = "#0f0";
313
+ ctx.font = fontSize + "px monospace";
314
+
315
+ for(let i = 0; i < drops.length; i++) {
316
+ const text = charArray[Math.floor(Math.random() * charArray.length)];
317
+ ctx.fillText(text, i * fontSize, drops[i] * fontSize);
318
+
319
+ if(drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
320
+ drops[i] = 0;
321
+ }
322
+
323
+ drops[i]++;
324
+ }
325
+ }
326
+
327
+ setInterval(drawMatrix, 35);
328
+
329
+ // Code Generation Logic
330
+ document.getElementById('generateBtn').addEventListener('click', async function() {
331
+ const prompt = document.getElementById('codePrompt').value.trim();
332
+ const language = document.getElementById('language').value;
333
+ const output = document.getElementById('output');
334
+ const loading = document.getElementById('loading');
335
+ const copyBtn = document.getElementById('copyBtn');
336
+ const downloadBtn = document.getElementById('downloadBtn');
337
+
338
+ if (!prompt) {
339
+ output.innerHTML = `<span class="terminal-prompt">AI@neuraloutlaw:~$</span> <span class="text-red-400">Error: Please enter a coding request</span>`;
340
+ return;
341
+ }
342
+
343
+ // Show loading
344
+ loading.classList.remove('hidden');
345
+ output.innerHTML = `<span class="terminal-prompt">AI@neuraloutlaw:~$</span> Processing request...`;
346
+
347
+ try {
348
+ // Simulate AI processing (in a real app, this would call an API)
349
+ await new Promise(resolve => setTimeout(resolve, 2000));
350
+
351
+ // Generate sample code based on prompt
352
+ let generatedCode = '';
353
+ const timestamp = new Date().toLocaleTimeString();
354
+
355
+ switch(language) {
356
+ case 'python':
357
+ generatedCode = `# Generated by NeuralOutlaw AI - ${timestamp}
358
+ # ${prompt}
359
+
360
+ import requests
361
+ from bs4 import BeautifulSoup
362
+ import json
363
+
364
+ def main():
365
+ print("Code execution started...")
366
+ # Your custom implementation here
367
+ # NeuralOutlaw AI generates unique, template-free code
368
+ pass
369
+
370
+ if __name__ == "__main__":
371
+ main()`;
372
+ break;
373
+ case 'javascript':
374
+ generatedCode = `// Generated by NeuralOutlaw AI - ${timestamp}
375
+ // ${prompt}
376
+
377
+ const main = () => {
378
+ console.log("Code execution started...");
379
+ // Your custom implementation here
380
+ // NeuralOutlaw AI generates unique, template-free code
381
+ };
382
+
383
+ main();`;
384
+ break;
385
+ case 'html':
386
+ generatedCode = `<!-- Generated by NeuralOutlaw AI - ${timestamp} -->
387
+ <!-- ${prompt} -->
388
+
389
+ <!DOCTYPE html>
390
+ <html lang="en">
391
+ <head>
392
+ <meta charset="UTF-8">
393
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
394
+ <title>NeuralOutlaw Generated</title>
395
  </head>
396
+ <body>
397
+ <h1>Custom HTML Generated by NeuralOutlaw AI</h1>
398
+ <!-- Your unique implementation here -->
399
+ </body>
400
+ </html>`;
401
+ break;
402
+ default:
403
+ generatedCode = `// Generated by NeuralOutlaw AI - ${timestamp}
404
+ // ${prompt}
405
+
406
+ // Custom ${language} code implementation
407
+ // NeuralOutlaw AI generates unique, template-free solutions`;
408
+ }
409
+
410
+ output.innerHTML = `<span class="terminal-prompt">AI@neuraloutlaw:~$</span> <span class="text-green-400">Code generation complete!</span>\n\n<pre class="mt-4">${generatedCode}</pre>`;
411
+
412
+ // Enable buttons
413
+ copyBtn.disabled = false;
414
+ copyBtn.classList.remove('opacity-50', 'cursor-not-allowed');
415
+ downloadBtn.disabled = false;
416
+ downloadBtn.classList.remove('opacity-50', 'cursor-not-allowed');
417
+
418
+ // Store generated code for download/copy
419
+ window.generatedCode = generatedCode;
420
+
421
+ } catch (error) {
422
+ output.innerHTML = `<span class="terminal-prompt">AI@neuraloutlaw:~$</span> <span class="text-red-400">Error: ${error.message}</span>`;
423
+ } finally {
424
+ loading.classList.add('hidden');
425
+ }
426
+ });
427
+
428
+ // Copy code functionality
429
+ document.getElementById('copyBtn').addEventListener('click', function() {
430
+ if (window.generatedCode) {
431
+ navigator.clipboard.writeText(window.generatedCode).then(() => {
432
+ const output = document.getElementById('output');
433
+ const originalContent = output.innerHTML;
434
+ output.innerHTML = `<span class="terminal-prompt">AI@neuraloutlaw:~$</span> <span class="text-green-400">Code copied to clipboard!</span>`;
435
+ setTimeout(() => {
436
+ output.innerHTML = originalContent;
437
+ }, 2000);
438
+ });
439
+ }
440
+ });
441
+
442
+ // Download code functionality
443
+ document.getElementById('downloadBtn').addEventListener('click', function() {
444
+ if (window.generatedCode) {
445
+ const language = document.getElementById('language').value;
446
+ const extension = {
447
+ 'python': 'py',
448
+ 'javascript': 'js',
449
+ 'html': 'html',
450
+ 'css': 'css',
451
+ 'java': 'java',
452
+ 'cpp': 'cpp',
453
+ 'rust': 'rs',
454
+ 'go': 'go'
455
+ }[language] || 'txt';
456
+
457
+ const blob = new Blob([window.generatedCode], { type: 'text/plain' });
458
+ const url = URL.createObjectURL(blob);
459
+ const a = document.createElement('a');
460
+ a.href = url;
461
+ a.download = `neuraloutlaw_code.${extension}`;
462
+ document.body.appendChild(a);
463
+ a.click();
464
+ document.body.removeChild(a);
465
+ URL.revokeObjectURL(url);
466
+ }
467
+ });
468
+
469
+ // Initialize Feather Icons
470
+ feather.replace();
471
+ </script>
472
+ </body>
473
+ </html>