Spaces:
Running
Running
| ```html | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Quantum Execution - APEX Singularity</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> | |
| <style> | |
| @keyframes pulse-glow { | |
| 0% { box-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 15px #00ffff; } | |
| 50% { box-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff; } | |
| 100% { box-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 15px #00ffff; } | |
| } | |
| .cyber-glow { | |
| animation: pulse-glow 2s infinite; | |
| } | |
| .matrix-bg { | |
| background: linear-gradient(45deg, #0a0a0a, #1a1a2e, #16213e); | |
| } | |
| .text-gradient { | |
| background: linear-gradient(135deg, #00ffff, #ff00ff); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| .glass-morphism { | |
| background: rgba(255, 255, 255, 0.05); | |
| backdrop-filter: blur(10px); | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| } | |
| .progress-glow { | |
| background: linear-gradient(90deg, #00ffff, #ff00ff); | |
| animation: progress-pulse 1.5s ease-in-out infinite; | |
| } | |
| @keyframes progress-pulse { | |
| 0%, 100% { opacity: 0.8; } | |
| 50% { opacity: 1; } | |
| } | |
| .terminal-text { | |
| font-family: 'Courier New', monospace; | |
| } | |
| </style> | |
| </head> | |
| <body class="matrix-bg text-white min-h-screen"> | |
| <div id="vanta-bg" class="fixed inset-0 z-0"></div> | |
| <nav class="relative z-10 glass-morphism border-b border-cyan-500/20"> | |
| <div class="container mx-auto px-4 py-4 flex justify-between items-center"> | |
| <div class="text-2xl font-bold text-gradient" data-aos="fade-right"> | |
| APEX_SINGULARITY | |
| </div> | |
| <div class="flex space-x-6"> | |
| <a href="index.html" class="hover:text-cyan-400 transition-colors" data-aos="fade-down" data-aos-delay="100"> | |
| <i data-feather="cpu" class="inline mr-2"></i>Protocol | |
| </a> | |
| <a href="matrix.html" class="hover:text-cyan-400 transition-colors |