Файловый менеджер

Файловый менеджер - Редактировать - /home/gqdcvggs/.trash/index.php.4

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Can - The Algorithm</title> <link rel="icon" type="image/png" href="/logo.png"> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet"> <style> body { font-family: 'Poppins', sans-serif; background-color: #000; color: #fff; margin: 0; overflow-x: hidden; } .live-data { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.08; pointer-events: none; } .data-terminal { position: absolute; background: rgba(0, 255, 0, 0.1); border: 1px solid rgba(0, 255, 0, 0.2); border-radius: 4px; padding: 8px; font-family: 'Courier New', monospace; font-size: 10px; line-height: 1.2; color: #00ff00; } .terminal-line { animation: typewriter 4s steps(40) infinite; white-space: nowrap; overflow: hidden; } @keyframes typewriter { 0% { width: 0; } 50% { width: 100%; } 100% { width: 0; } } .network-graph { position: absolute; width: 200px; height: 150px; } .node-dot { position: absolute; width: 3px; height: 3px; background: #333; border-radius: 50%; animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.5); } } .connection-line { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, #222, transparent); animation: data-flow 3s ease-in-out infinite; } @keyframes data-flow { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .metrics-display { position: absolute; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 6px; padding: 12px; min-width: 120px; } .metric-number { font-size: 20px; font-weight: 300; color: #fff; animation: count-up 5s ease-in-out infinite; } @keyframes count-up { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } .metric-label { font-size: 8px; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; } .chart-mini { display: flex; gap: 2px; align-items: end; height: 30px; margin-top: 8px; } .chart-bar { width: 3px; background: #333; animation: bar-dance 4s ease-in-out infinite; } @keyframes bar-dance { 0% { height: 8px; } 25% { height: 25px; } 50% { height: 15px; } 75% { height: 30px; } 100% { height: 8px; } } </style> </head> <body> <section class="min-h-screen flex items-center justify-center relative"> <div class="live-data"> <!-- Terminal windows --> <div class="data-terminal" style="top: 40px; left: 30px; width: 250px;"> <div class="terminal-line" style="animation-delay: 0s;">> Processing customer_data.json...</div> <div class="terminal-line" style="animation-delay: 1s;">> Pattern detected: peak_hour_surge</div> <div class="terminal-line" style="animation-delay: 2s;">> Confidence: 94.7%</div> </div> <div class="data-terminal" style="top: 60px; right: 40px; width: 200px;"> <div class="terminal-line" style="animation-delay: 0.5s;">> Neural net training...</div> <div class="terminal-line" style="animation-delay: 1.5s;">> Epoch 47/100 complete</div> <div class="terminal-line" style="animation-delay: 2.5s;">> Loss: 0.0023</div> </div> <div class="data-terminal" style="bottom: 120px; left: 50px; width: 180px;"> <div class="terminal-line" style="animation-delay: 1s;">> Analyzing sales_trends...</div> <div class="terminal-line" style="animation-delay: 2s;">> Forecast accuracy: 97.2%</div> <div class="terminal-line" style="animation-delay: 3s;">> Next prediction ready</div> </div> <!-- Network graph --> <div class="network-graph" style="top: 200px; left: 200px;"> <div class="node-dot" style="top: 20px; left: 30px; animation-delay: 0s;"></div> <div class="node-dot" style="top: 50px; left: 10px; animation-delay: 0.3s;"></div> <div class="node-dot" style="top: 80px; left: 40px; animation-delay: 0.6s;"></div> <div class="node-dot" style="top: 40px; left: 70px; animation-delay: 0.9s;"></div> <div class="node-dot" style="top: 70px; left: 90px; animation-delay: 1.2s;"></div> <div class="connection-line" style="top: 35px; left: 33px; width: 40px; transform: rotate(30deg); animation-delay: 0s;"></div> <div class="connection-line" style="top: 55px; left: 13px; width: 30px; transform: rotate(-20deg); animation-delay: 0.5s;"></div> <div class="connection-line" style="top: 45px; left: 73px; width: 20px; transform: rotate(45deg); animation-delay: 1s;"></div> </div> <!-- Metrics displays --> <div class="metrics-display" style="top: 150px; right: 80px;"> <div class="metric-number">2,847</div> <div class="metric-label">req/sec</div> <div class="chart-mini"> <div class="chart-bar" style="animation-delay: 0s;"></div> <div class="chart-bar" style="animation-delay: 0.2s;"></div> <div class="chart-bar" style="animation-delay: 0.4s;"></div> <div class="chart-bar" style="animation-delay: 0.6s;"></div> <div class="chart-bar" style="animation-delay: 0.8s;"></div> </div> </div> <div class="metrics-display" style="bottom: 200px; right: 60px;"> <div class="metric-number">97.2%</div> <div class="metric-label">accuracy</div> </div> <div class="metrics-display" style="bottom: 80px; left: 120px;"> <div class="metric-number">0.8ms</div> <div class="metric-label">latency</div> </div> <div class="metrics-display" style="top: 300px; left: 400px;"> <div class="metric-number">1,293</div> <div class="metric-label">patterns</div> <div class="chart-mini"> <div class="chart-bar" style="animation-delay: 0.1s;"></div> <div class="chart-bar" style="animation-delay: 0.3s;"></div> <div class="chart-bar" style="animation-delay: 0.5s;"></div> </div> </div> </div> <div class="text-center relative z-10"> <h1 class="text-8xl md:text-9xl font-extralight tracking-tight mb-8"> Can </h1> <p class="text-2xl font-light text-gray-300 max-w-2xl mx-auto leading-relaxed"> The predictive intelligence that learns from your business,<br> anticipates your needs, and evolves with every decision. </p> </div> </section> <section class="min-h-screen flex flex-col bg-black"> <div class="flex-1 p-8 flex items-center justify-center"> <div class="w-full max-w-5xl"> <div class="bg-gray-900 border border-gray-700 rounded-2xl overflow-hidden aspect-video flex items-center justify-center"> <div class="text-center"> <div class="text-6xl mb-4">🧠</div> <div class="text-gray-400 text-lg">Machine Learning Visualization</div> <div class="text-gray-500 text-sm mt-2">Neural networks processing business data</div> </div> </div> </div> </div> <div class="text-center p-8 pb-16"> <h2 class="text-5xl md:text-7xl font-extralight mb-8">Continuous Learning</h2> <p class="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed"> Can doesn't just process data—it understands it. Every transaction, every customer interaction, every market shift becomes part of its growing intelligence. The more your business operates, the smarter Can becomes at predicting what comes next. </p> </div> </section> <section class="py-32 px-8"> <div class="max-w-6xl mx-auto"> <h2 class="text-5xl font-extralight text-center mb-20"> Intelligence in Action </h2> <div class="grid lg:grid-cols-3 gap-16"> <div class="text-center"> <div class="w-16 h-16 bg-gray-900 rounded-full flex items-center justify-center mx-auto mb-8"> <span class="text-2xl">📊</span> </div> <h3 class="text-2xl font-light mb-6">Real-Time Analysis</h3> <p class="text-gray-400 leading-relaxed"> Can processes thousands of data points every second, identifying patterns in customer behavior, sales trends, and operational efficiency as they happen. </p> </div> <div class="text-center"> <div class="w-16 h-16 bg-gray-900 rounded-full flex items-center justify-center mx-auto mb-8"> <span class="text-2xl">🔮</span> </div> <h3 class="text-2xl font-light mb-6">Predictive Insights</h3> <p class="text-gray-400 leading-relaxed"> Advanced neural networks forecast future scenarios with 97%+ accuracy, giving you the foresight to make proactive business decisions. </p> </div> <div class="text-center"> <div class="w-16 h-16 bg-gray-900 rounded-full flex items-center justify-center mx-auto mb-8"> <span class="text-2xl">🔄</span> </div> <h3 class="text-2xl font-light mb-6">Adaptive Learning</h3> <p class="text-gray-400 leading-relaxed"> The algorithm continuously refines its understanding of your business, becoming more accurate and relevant with every interaction. </p> </div> </div> </div> </section> <section class="py-32 px-8 bg-gray-950"> <div class="max-w-5xl mx-auto"> <div class="grid lg:grid-cols-2 gap-20 items-center"> <div> <h2 class="text-5xl font-extralight mb-12"> Built for Trust </h2> <div class="space-y-8"> <div> <h4 class="text-xl font-medium mb-4">Privacy by Design</h4> <p class="text-gray-400 leading-relaxed"> All processing happens within your infrastructure. Your data never leaves your control, ensuring complete privacy and compliance with regulations. </p> </div> <div> <h4 class="text-xl font-medium mb-4">Transparent Operations</h4> <p class="text-gray-400 leading-relaxed"> Can's decision-making process is explainable and auditable. You always understand why certain predictions are made. </p> </div> <div> <h4 class="text-xl font-medium mb-4">Enterprise Security</h4> <p class="text-gray-400 leading-relaxed"> End-to-end encryption, zero external dependencies, and bank-grade security protect your business intelligence at every level. </p> </div> </div> </div> <div class="text-center"> <div class="w-48 h-48 bg-gradient-to-br from-gray-800 to-gray-900 rounded-full flex items-center justify-center mx-auto border border-gray-700"> <span class="text-6xl">🛡️</span> </div> </div> </div> </div> </section> <section class="py-32 px-8"> <div class="max-w-4xl mx-auto text-center"> <h2 class="text-6xl font-extralight mb-12"> Ready for Intelligence? </h2> <p class="text-xl text-gray-300 mb-16 leading-relaxed"> Can is integrated into every OhMyPanel solution, delivering predictive insights from the moment you start using our platform. </p> <div class="flex flex-col sm:flex-row gap-6 justify-center"> <button class="bg-white text-black px-12 py-4 text-lg font-medium hover:bg-gray-100 transition-colors rounded-lg"> Discover OhMyPanel </button> <button class="border border-gray-600 text-white px-12 py-4 text-lg hover:bg-gray-900 transition-colors rounded-lg"> Learn More About Can </button> </div> </div> </section> <footer class="border-t border-gray-900 py-16 px-8"> <div class="max-w-6xl mx-auto"> <div class="grid lg:grid-cols-4 gap-12"> <div class="lg:col-span-2"> <h3 class="text-3xl font-extralight mb-6">Can</h3> <p class="text-gray-400 leading-relaxed max-w-md"> The predictive intelligence that powers next-generation business operations. Developed by Imators Systems. </p> </div> <div> <h4 class="text-lg font-medium mb-6">Technology</h4> <div class="space-y-3"> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Neural Networks</a> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Machine Learning</a> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Predictive Analytics</a> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Real-time Processing</a> </div> </div> <div> <h4 class="text-lg font-medium mb-6">Resources</h4> <div class="space-y-3"> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Documentation</a> <a href="#" class="block text-gray-400 hover:text-white transition-colors">API Reference</a> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Case Studies</a> <a href="#" class="block text-gray-400 hover:text-white transition-colors">Support</a> </div> </div> </div> <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500"> <span>© 2025 Imators Systems. All rights reserved.</span> </div> </div> </footer> </body> </html>

| ver. 1.6 | Github | . | PHP 8.1.33 | Генерация страницы: 0 | proxy | phpinfo | Настройка