|
|
<!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> |
