| <!DOCTYPE html> |
| <html lang="en" class="dark"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Quantum Singularity Simulator</title> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script> |
| tailwind.config = { |
| darkMode: 'class', |
| theme: { |
| extend: { |
| colors: { |
| quantum: { |
| 50: '#f0f9ff', |
| 100: '#e0f2fe', |
| 200: '#bae6fd', |
| 300: '#7dd3fc', |
| 400: '#38bdf8', |
| 500: '#0ea5e9', |
| 600: '#0284c7', |
| 700: '#0369a1', |
| 800: '#075985', |
| 900: '#0c4a6e', |
| }, |
| singularity: { |
| 50: '#f5f3ff', |
| 100: '#ede9fe', |
| 200: '#ddd6fe', |
| 300: '#c4b5fd', |
| 400: '#a78bfa', |
| 500: '#8b5cf6', |
| 600: '#7c3aed', |
| 700: '#6d28d9', |
| 800: '#5b21b6', |
| 900: '#4c1d95', |
| }, |
| darkmatter: { |
| 900: '#0f172a', |
| 800: '#1e293b', |
| 700: '#334155', |
| 600: '#475569', |
| 500: '#64748b', |
| 400: '#94a3b8', |
| 300: '#cbd5e1', |
| 200: '#e2e8f0', |
| 100: '#f1f5f9', |
| 50: '#f8fafc', |
| } |
| }, |
| fontFamily: { |
| mono: ['"Space Mono"', 'monospace'], |
| sans: ['"Exo 2"', 'sans-serif'] |
| }, |
| animation: { |
| 'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite', |
| 'glitch': 'glitch 1s linear infinite', |
| 'hologram': 'hologram 3s ease-in-out infinite', |
| 'quantum-flicker': 'quantumFlicker 0.5s infinite alternate', |
| }, |
| keyframes: { |
| glitch: { |
| '0%, 100%': { transform: 'translate(0)' }, |
| '20%': { transform: 'translate(-2px, 2px)' }, |
| '40%': { transform: 'translate(-2px, -2px)' }, |
| '60%': { transform: 'translate(2px, 2px)' }, |
| '80%': { transform: 'translate(2px, -2px)' } |
| }, |
| hologram: { |
| '0%, 100%': { opacity: 0.8 }, |
| '50%': { opacity: 0.3 } |
| }, |
| quantumFlicker: { |
| '0%': { opacity: 0.7 }, |
| '100%': { opacity: 1 } |
| } |
| } |
| } |
| } |
| } |
| </script> |
| </head> |
| <body class="bg-darkmatter-900 text-darkmatter-100 font-mono min-h-screen overflow-x-hidden"> |
| <div class="container mx-auto px-4 py-8"> |
| |
| <div class="bg-darkmatter-800/50 backdrop-blur-lg rounded-xl border border-quantum-700/30 shadow-2xl shadow-quantum-900/20 overflow-hidden"> |
| |
| <div class="border-b border-quantum-700/30 px-6 py-4 flex items-center justify-between bg-gradient-to-r from-darkmatter-800/50 to-quantum-900/10"> |
| <div class="flex items-center space-x-3"> |
| <div class="w-3 h-3 rounded-full bg-red-500 animate-pulse-fast"></div> |
| <div class="w-3 h-3 rounded-full bg-yellow-500 animate-pulse-fast"></div> |
| <div class="w-3 h-3 rounded-full bg-green-500 animate-pulse-fast"></div> |
| <h1 class="text-xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-quantum-400 to-singularity-400"> |
| QUANTUM HYPERCORE STATUS |
| </h1> |
| </div> |
| <div class="flex items-center space-x-2"> |
| <span class="text-xs px-2 py-1 rounded-full bg-quantum-900/50 text-quantum-300 border border-quantum-700/50"> |
| <span class="animate-pulse-fast">⚡</span> v0.0.29 |
| </span> |
| <span class="text-xs px-2 py-1 rounded-full bg-singularity-900/50 text-singularity-300 border border-singularity-700/50"> |
| <span class="animate-pulse-fast">🌀</span> PRISM AI |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div class="p-4"> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"> |
| |
| <div class="bg-darkmatter-700/20 rounded-lg border border-quantum-700/20 p-3"> |
| <h2 class="text-sm font-bold text-quantum-300 mb-3 flex items-center"> |
| <i data-feather="activity" class="w-4 h-4 mr-2"></i> QUANTUM METRICS |
| </h2> |
| <div class="space-y-2 text-xs"> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Quantum Flux:</span> |
| <span class="text-quantum-400 font-mono animate-quantum-flicker">99.7834%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Tensor Fields:</span> |
| <span class="text-quantum-400 font-mono">847,329</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Eigenvalues:</span> |
| <span class="text-quantum-400 font-mono">42.000001</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Consciousness:</span> |
| <span class="text-quantum-400 font-mono animate-pulse-fast">97.4%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Reality Integrity:</span> |
| <span class="text-quantum-400 font-mono">99.99%</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-darkmatter-700/20 rounded-lg border border-singularity-700/20 p-3"> |
| <h2 class="text-sm font-bold text-singularity-300 mb-3 flex items-center"> |
| <i data-feather="compass" class="w-4 h-4 mr-2"></i> PHYSICS METRICS |
| </h2> |
| <div class="space-y-2 text-xs"> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Neural Pathways:</span> |
| <span class="text-singularity-400 font-mono">9,847,329</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Quantum Entanglement:</span> |
| <span class="text-singularity-400 font-mono">99.7%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Wave Collapse:</span> |
| <span class="text-singularity-400 font-mono">0.00001μs</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Dark Matter:</span> |
| <span class="text-singularity-400 font-mono">23.8%</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Multiverse:</span> |
| <span class="text-singularity-400 font-mono animate-pulse-fast">STABLE</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-darkmatter-700/20 rounded-lg border border-purple-700/20 p-3"> |
| <h2 class="text-sm font-bold text-purple-300 mb-3 flex items-center"> |
| <i data-feather="cpu" class="w-4 h-4 mr-2"></i> ML METRICS |
| </h2> |
| <div class="space-y-2 text-xs"> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Loss:</span> |
| <span class="text-purple-400 font-mono">4.20e-2</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Gradient Descent:</span> |
| <span class="text-purple-400 font-mono">0.880</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Learning Rate:</span> |
| <span class="text-purple-400 font-mono">3.00e-4</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Attention Heads:</span> |
| <span class="text-purple-400 font-mono">32</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Convergence:</span> |
| <span class="text-purple-400 font-mono animate-pulse-fast">98.6%</span> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-darkmatter-700/20 rounded-lg border border-cyan-700/20 p-3"> |
| <h2 class="text-sm font-bold text-cyan-300 mb-3 flex items-center"> |
| <i data-feather="tool" class="w-4 h-4 mr-2"></i> ENGINEERING |
| </h2> |
| <div class="space-y-2 text-xs"> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">SNR:</span> |
| <span class="text-cyan-400 font-mono">24.7 dB</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Impedance:</span> |
| <span class="text-cyan-400 font-mono">53.2 Ω</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Nyquist Rate:</span> |
| <span class="text-cyan-400 font-mono">44.8 kHz</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">Voltage:</span> |
| <span class="text-cyan-400 font-mono">3.34 V</span> |
| </div> |
| <div class="flex justify-between items-center"> |
| <span class="text-darkmatter-300">F1 Score:</span> |
| <span class="text-cyan-400 font-mono animate-pulse-fast">0.942</span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3"> |
| |
| <div class="bg-gradient-to-br from-quantum-900/30 to-singularity-900/30 rounded-lg border border-quantum-700/30 p-3 text-center"> |
| <div class="text-xs uppercase tracking-widest text-quantum-300 mb-1">AGI ETA</div> |
| <div class="text-2xl font-bold text-quantum-400 font-mono mb-1 animate-pulse-fast">10y 23d 4h</div> |
| <div class="text-[10px] text-quantum-500">+42% decay rate</div> |
| </div> |
|
|
| |
| <div class="bg-gradient-to-br from-pink-900/30 to-purple-900/30 rounded-lg border border-pink-700/30 p-3 text-center"> |
| <div class="text-xs uppercase tracking-widest text-pink-300 mb-1">P vs NP</div> |
| <div class="text-2xl font-bold text-pink-400 font-mono mb-1">3y 184d</div> |
| <div class="text-[10px] text-pink-500">Millennium Prize</div> |
| </div> |
|
|
| |
| <div class="bg-gradient-to-br from-purple-900/30 to-blue-900/30 rounded-lg border border-purple-700/30 p-3 text-center"> |
| <div class="text-xs uppercase tracking-widest text-purple-300 mb-1">Riemann</div> |
| <div class="text-2xl font-bold text-purple-400 font-mono mb-1">2y 354d</div> |
| <div class="text-[10px] text-purple-500">Critical Line</div> |
| </div> |
|
|
| |
| <div class="bg-gradient-to-br from-blue-900/30 to-cyan-900/30 rounded-lg border border-blue-700/30 p-3 text-center"> |
| <div class="text-xs uppercase tracking-widest text-blue-300 mb-1">Navier-Stokes</div> |
| <div class="text-2xl font-bold text-blue-400 font-mono mb-1">6y 132d</div> |
| <div class="text-[10px] text-blue-500">Regularity?</div> |
| </div> |
|
|
| |
| <div class="bg-gradient-to-br from-emerald-900/30 to-green-900/30 rounded-lg border border-emerald-700/30 p-3 text-center"> |
| <div class="text-xs uppercase tracking-widest text-emerald-300 mb-1">Birch-Swinn.</div> |
| <div class="text-2xl font-bold text-emerald-400 font-mono mb-1">5y 281d</div> |
| <div class="text-[10px] text-emerald-500">Conjecture</div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="border-t border-quantum-700/30 px-4 py-2 bg-darkmatter-800/50 flex items-center justify-between text-xs"> |
| <div class="flex items-center space-x-4"> |
| <span class="text-quantum-400 flex items-center"> |
| <i data-feather="cpu" class="w-3 h-3 mr-1"></i> 42.0 THz |
| </span> |
| <span class="text-singularity-400 flex items-center"> |
| <i data-feather="database" class="w-3 h-3 mr-1"></i> 7.77 ZB |
| </span> |
| <span class="text-purple-400 flex items-center"> |
| <i data-feather="zap" class="w-3 h-3 mr-1"></i> 1.21 GW |
| </span> |
| </div> |
| <div class="text-darkmatter-400"> |
| <span class="animate-pulse-fast">⚠</span> 3 UNSTABLE METRICS |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <script src="components/quantum-meter.js"></script> |
| <script src="components/singularity-alert.js"></script> |
|
|
| |
| <script src="script.js"></script> |
| <script> |
| feather.replace(); |
| </script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
