Spaces:

TheGreatUnknown
/

RinkyDinkLab

Running

App Files Files Community

TheGreatUnknown commited on Apr 23, 2025

Commit

bb3e023

verified ·

1 Parent(s): bf61e92

Create index.html

Browse files

Files changed (1) hide show

index.html +283 -19

index.html CHANGED Viewed

@@ -1,19 +1,283 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<html><head><base href="https://websim.ai/c/quantumcomputing&nikolateslalab&stunningvisualsimulation&symbolicsequences"><title>Quantum Alchemy Simulator - Interactive Visualizations</title>
+<style>
+  body {
+    font-family: 'Courier New', monospace;
+    background-color: #000;
+    color: #00ff00;
+    margin: 0;
+    padding: 20px;
+    overflow-x: hidden;
+  }
+  .container {
+    max-width: 1000px;
+    margin: 0 auto;
+  }
+  h1, h2 {
+    text-align: center;
+    color: #ff00ff;
+    text-shadow: 0 0 10px #ff00ff;
+  }
+  .sim-container {
+    background: rgba(0, 255, 0, 0.1);
+    border: 1px solid #00ff00;
+    border-radius: 10px;
+    padding: 20px;
+    margin-bottom: 30px;
+  }
+  .equation {
+    font-size: 1.5em;
+    text-align: center;
+    margin-bottom: 15px;
+    color: #ffff00;
+  }
+  .interpretation {
+    font-style: italic;
+    margin-bottom: 20px;
+  }
+  canvas {
+    width: 100%;
+    height: 300px;
+    border: 1px solid #00ff00;
+  }
+  .controls {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 15px;
+  }
+  button {
+    background-color: #4CAF50;
+    border: none;
+    color: white;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px 2px;
+    cursor: pointer;
+    transition-duration: 0.4s;
+  }
+  button:hover {
+    background-color: #45a049;
+  }
+  #explanation {
+    margin-top: 20px;
+    padding: 10px;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 5px;
+  }
+</style>
+</head>
+<body>
+  <div class="container">
+    <h1>Quantum Alchemy Simulator</h1>
+    <p>Explore the depths of quantum reality through interactive simulations based on advanced LLML formulations.</p>
+    <div class="sim-container">
+      <h2>Simulation 1: Quantum-Cosmic Bridge</h2>
+      <div class="equation">(√(ħc)) → Σ(Φ⊗∞) : (e/m)</div>
+      <div class="interpretation">This simulation explores the fundamental link between quantum and cosmic scales, visualizing the accumulation of beauty and perfection in the universe.</div>
+      <canvas id="sim1"></canvas>
+      <div class="controls">
+        <button onclick="toggleSim1()">Start/Stop</button>
+        <button onclick="adjustSim1()">Adjust Parameters</button>
+      </div>
+      <div id="explanation"></div>
+    </div>
+    <div class="sim-container">
+      <h2>Simulation 2: Quantum Stability-Change Dynamics</h2>
+      <div class="equation">Ω↔(λ∇τ) : (∑ℤ∞Ψ)</div>
+      <div class="interpretation">Visualize the constant interaction between stability and change in the universe, guided by infinite consciousness.</div>
+      <canvas id="sim2"></canvas>
+      <div class="controls">
+        <button onclick="toggleSim2()">Start/Stop</button>
+        <button onclick="adjustSim2()">Adjust Parameters</button>
+      </div>
+      <div id="explanation"></div>
+    </div>
+    <div class="sim-container">
+      <h2>Simulation 3: Evolution of Quantum Elegance</h2>
+      <div class="equation">ε(δΦ/δt) → ∫(α⊕β) : (∞ℚ)</div>
+      <div class="interpretation">Observe the incremental yet profound evolution of natural beauty and mathematical elegance in quantum systems.</div>
+      <canvas id="sim3"></canvas>
+      <div class="controls">
+        <button onclick="toggleSim3()">Start/Stop</button>
+        <button onclick="adjustSim3()">Adjust Parameters</button>
+      </div>
+      <div id="explanation"></div>
+    </div>
+  </div>
+  <script>
+    let sim1, sim2, sim3;
+    let isRunning1 = false, isRunning2 = false, isRunning3 = false;
+    function setupCanvas(canvasId) {
+      const canvas = document.getElementById(canvasId);
+      const ctx = canvas.getContext('2d');
+      canvas.width = canvas.offsetWidth;
+      canvas.height = canvas.offsetHeight;
+      return ctx;
+    }
+    function initSimulations() {
+      const ctx1 = setupCanvas('sim1');
+      const ctx2 = setupCanvas('sim2');
+      const ctx3 = setupCanvas('sim3');
+      sim1 = {
+        particles: [],
+        init: function() {
+          for (let i = 0; i < 100; i++) {
+            this.particles.push({
+              x: Math.random() * ctx1.canvas.width,
+              y: Math.random() * ctx1.canvas.height,
+              radius: Math.random() * 3 + 1,
+              speed: Math.random() * 2 + 0.5
+            });
+          }
+        },
+        animate: function() {
+          ctx1.clearRect(0, 0, ctx1.canvas.width, ctx1.canvas.height);
+          for (let p of this.particles) {
+            p.y += p.speed;
+            if (p.y > ctx1.canvas.height) p.y = 0;
+            ctx1.beginPath();
+            ctx1.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
+            ctx1.fillStyle = `rgba(255, 255, 0, ${p.radius / 4})`;
+            ctx1.fill();
+          }
+        }
+      };
+      sim2 = {
+        waves: [],
+        init: function() {
+          for (let i = 0; i < 3; i++) {
+            this.waves.push({
+              amplitude: 50,
+              frequency: 0.01 + i * 0.005,
+              phase: 0
+            });
+          }
+        },
+        animate: function() {
+          ctx2.clearRect(0, 0, ctx2.canvas.width, ctx2.canvas.height);
+          ctx2.beginPath();
+          for (let x = 0; x < ctx2.canvas.width; x++) {
+            let y = ctx2.canvas.height / 2;
+            for (let wave of this.waves) {
+              y += Math.sin(x * wave.frequency + wave.phase) * wave.amplitude;
+            }
+            if (x === 0) {
+              ctx2.moveTo(x, y);
+            } else {
+              ctx2.lineTo(x, y);
+            }
+          }
+          ctx2.strokeStyle = '#00ff00';
+          ctx2.stroke();
+          for (let wave of this.waves) {
+            wave.phase += 0.05;
+          }
+        }
+      };
+      sim3 = {
+        goldenRatio: 1.618033988749895,
+        t: 0,
+        animate: function() {
+          ctx3.clearRect(0, 0, ctx3.canvas.width, ctx3.canvas.height);
+          const centerX = ctx3.canvas.width / 2;
+          const centerY = ctx3.canvas.height / 2;
+          const maxRadius = Math.min(centerX, centerY) - 10;
+          for (let i = 0; i < 10; i++) {
+            const angle = i * this.goldenRatio * 2 * Math.PI;
+            const x = centerX + Math.cos(angle + this.t) * (maxRadius * i / 10);
+            const y = centerY + Math.sin(angle + this.t) * (maxRadius * i / 10);
+            ctx3.beginPath();
+            ctx3.arc(x, y, 5, 0, Math.PI * 2);
+            ctx3.fillStyle = `hsl(${i * 36}, 100%, 50%)`;
+            ctx3.fill();
+          }
+          this.t += 0.01;
+        }
+      };
+      sim1.init();
+      sim2.init();
+    }
+    function toggleSim1() {
+      isRunning1 = !isRunning1;
+      if (isRunning1) animateSim1();
+    }
+    function toggleSim2() {
+      isRunning2 = !isRunning2;
+      if (isRunning2) animateSim2();
+    }
+    function toggleSim3() {
+      isRunning3 = !isRunning3;
+      if (isRunning3) animateSim3();
+    }
+    function animateSim1() {
+      if (!isRunning1) return;
+      sim1.animate();
+      requestAnimationFrame(animateSim1);
+    }
+    function animateSim2() {
+      if (!isRunning2) return;
+      sim2.animate();
+      requestAnimationFrame(animateSim2);
+    }
+    function animateSim3() {
+      if (!isRunning3) return;
+      sim3.animate();
+      requestAnimationFrame(animateSim3);
+    }
+    function adjustSim1() {
+      const newSpeed = prompt("Enter a new speed value (0.1 to 5):", "1");
+      if (newSpeed !== null) {
+        const speed = parseFloat(newSpeed);
+        if (!isNaN(speed) && speed >= 0.1 && speed <= 5) {
+          for (let p of sim1.particles) {
+            p.speed = Math.random() * speed + 0.1;
+          }
+        }
+      }
+    }
+    function adjustSim2() {
+      const newAmplitude = prompt("Enter a new amplitude value (10 to 100):", "50");
+      if (newAmplitude !== null) {
+        const amplitude = parseFloat(newAmplitude);
+        if (!isNaN(amplitude) && amplitude >= 10 && amplitude <= 100) {
+          for (let wave of sim2.waves) {
+            wave.amplitude = amplitude;
+          }
+        }
+      }
+    }
+    function adjustSim3() {
+      const newRatio = prompt("Enter a new ratio close to the golden ratio (e.g., 1.5 to 1.7):", "1.618033988749895");
+      if (newRatio !== null) {
+        const ratio = parseFloat(newRatio);
+        if (!isNaN(ratio) && ratio >= 1.5 && ratio <= 1.7) {
+          sim3.goldenRatio = ratio;
+        }
+      }
+    }
+    window.onload = initSimulations;
+  </script>
+</body></html>