quantum-wave-explorer / index.html
FaceHuggar's picture
∂t2​Ψ(r,t)=∇⋅(c2A(r,t)∇Ψ)−κ∂t​Ψ−μDt1−α​∂t​Ψ−δΨδV(Ψ;θ(r,t))​−∫K(r−r′;ξ)(Ψ(r,t)−Ψ(r′,t))dr′+Sstruct​(t)+ξ(r,t)
be6944d verified
Raw
History Blame Contribute Delete
3.21 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quantum Wave Explorer</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 src="components/navbar.js"></script>
<script src="components/wave-visualizer.js"></script>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-12">
<div class="text-center mb-16">
<h1 class="text-5xl font-bold mb-4 bg-gradient-to-r from-purple-500 to-blue-500 bg-clip-text text-transparent">Quantum Wave Explorer</h1>
<p class="text-xl text-gray-400 max-w-3xl mx-auto">Visualizing complex wave equations in real-time with interactive controls</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<custom-wave-visualizer></custom-wave-visualizer>
</div>
<div class="bg-gray-800 rounded-xl p-6 shadow-lg">
<h2 class="text-2xl font-semibold mb-6 text-purple-400">Equation Parameters</h2>
<div class="space-y-6">
<div>
<label class="block text-gray-300 mb-2">Wave Speed (c)</label>
<input type="range" min="0" max="10" value="3" step="0.1" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<label class="block text-gray-300 mb-2">Damping (κ)</label>
<input type="range" min="0" max="5" value="0.5" step="0.1" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<label class="block text-gray-300 mb-2">Fractional Order (α)</label>
<input type="range" min="0" max="1" value="0.7" step="0.01" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
<div>
<label class="block text-gray-300 mb-2">Potential Strength (δ)</label>
<input type="range" min="0" max="10" value="2" step="0.1" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
</div>
<button class="w-full bg-purple-600 hover:bg-purple-700 text-white py-3 px-4 rounded-lg font-medium transition-colors">
Simulate Wave Propagation
</button>
</div>
</div>
</div>
</main>
<script src="script.js"></script>
<script>
feather.replace();
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>