Spaces:
Running
Running
File size: 2,600 Bytes
701f480 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | ```html
<!DOCTYPE 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 |