Spaces:

jatnikonm
/

simulations

Running

App Files Files Community

jnm-itb commited on Apr 24

Commit

1ff1bca

1 Parent(s): 3bfab3d

feat: update title and content for Jatnikonm's Simulation Showcase

Browse files

Files changed (1) hide show

index.html +27 -27

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>sayonyara's links from the underground</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         :root {
@@ -252,53 +252,53 @@
     <div class="container">
         <header>
-            <i class="fas fa-cat cat-icon"></i>
-            <i class="fas fa-paw cat-icon"></i>
-            <i class="fas fa-cat cat-icon"></i>
-            <h1>sayonyara's links from the underground</h1>
-            <p class="subtitle">mystic pathways through the digital cosmos</p>
         </header>
         <div class="links-container">
             <div class="link-card">
-                <h3 class="link-title"><i class="fas fa-spider link-icon"></i> Web Weaving</h3>
-                <p class="link-description">Explore the intricate webs of digital creation and mystical coding practices.</p>
-                <a href="#" class="link-url">Enter the Web</a>
             </div>
             <div class="link-card">
-                <h3 class="link-title"><i class="fas fa-moon link-icon"></i> Lunar Codes</h3>
-                <p class="link-description">Nocturnal programming rituals under the glow of the digital moon.</p>
-                <a href="#" class="link-url">Moon Access</a>
             </div>
             <div class="link-card">
-                <h3 class="link-title"><i class="fas fa-paw link-icon"></i> Feline Scripts</h3>
-                <p class="link-description">Ancient coding knowledge passed down by cybernetic cats.</p>
-                <a href="#" class="link-url">Purr-view</a>
             </div>
             <div class="link-card">
-                <h3 class="link-title"><i class="fas fa-spinner link-icon"></i> Spiral Logic</h3>
-                <p class="link-description">Fractal algorithms that spiral into infinite complexity.</p>
-                <a href="#" class="link-url">Follow the Spiral</a>
             </div>
             <div class="link-card">
-                <h3 class="link-title"><i class="fas fa-space-shuttle link-icon"></i> Cosmic Nets</h3>
-                <p class="link-description">Interstellar network connections through quantum tunnels.</p>
-                <a href="#" class="link-url">Warp to Network</a>
             </div>
             <div class="link-card">
-                <h3 class="link-title"><i class="fas fa-hat-wizard link-icon"></i> Mystic Script</h3>
-                <p class="link-description">Arcane programming languages from digital dimensions.</p>
-                <a href="#" class="link-url">Cast Spell</a>
             </div>
         </div>
         <footer>
-            <p>🌀 digital spirals in the void · sayonyara 2023 · follow the white cat 🐈</p>
         </footer>
     </div>
@@ -352,7 +352,7 @@
         const mysticEye = document.querySelector('.mystic-eye');
         mysticEye.addEventListener('click', () => {
             document.body.classList.toggle('show-secret');
-            alert('🌀 The all-seeing eye gazes upon you. The cosmic cats approve. 🐈‍⬛✨');
             // Create a temporary spiral effect
             for (let i = 0; i < 10; i++) {
@@ -382,5 +382,5 @@
             }
         });
     </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jatnikonm's Simulation Showcase</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         :root {
     <div class="container">
         <header>
+            <i class="fas fa-cogs cat-icon"></i>
+            <i class="fas fa-atom cat-icon"></i>
+            <i class="fas fa-project-diagram cat-icon"></i>
+            <h1>Jatnikonm's Simulation Showcase</h1>
+            <p class="subtitle">Exploring various simulation examples</p>
         </header>
         <div class="links-container">
             <div class="link-card">
+                <h3 class="link-title"><i class="fas fa-atom link-icon"></i> Physics Simulation</h3>
+                <p class="link-description">Watch particles interact in a simulated environment.</p>
+                <a href="#" class="link-url">Run Simulation</a>
             </div>
             <div class="link-card">
+                <h3 class="link-title"><i class="fas fa-chart-line link-icon"></i> Economic Model</h3>
+                <p class="link-description">Simulate market trends and economic principles.</p>
+                <a href="#" class="link-url">View Model</a>
             </div>
             <div class="link-card">
+                <h3 class="link-title"><i class="fas fa-users link-icon"></i> Crowd Simulation</h3>
+                <p class="link-description">Observe simulated crowd behavior in different scenarios.</p>
+                <a href="#" class="link-url">Start Simulation</a>
             </div>
             <div class="link-card">
+                <h3 class="link-title"><i class="fas fa-leaf link-icon"></i> Ecosystem Simulation</h3>
+                <p class="link-description">A model demonstrating predator-prey dynamics.</p>
+                <a href="#" class="link-url">Explore Ecosystem</a>
             </div>
             <div class="link-card">
+                <h3 class="link-title"><i class="fas fa-network-wired link-icon"></i> Network Traffic</h3>
+                <p class="link-description">Simulate data flow and congestion in networks.</p>
+                <a href="#" class="link-url">Analyze Traffic</a>
             </div>
             <div class="link-card">
+                <h3 class="link-title"><i class="fas fa-car link-icon"></i> Traffic Simulation</h3>
+                <p class="link-description">Model vehicle movement and traffic light systems.</p>
+                <a href="#" class="link-url">Observe Traffic</a>
             </div>
         </div>
         <footer>
+            <p>🌀 Created by jatnikonm · 2025 · Simulation Examples ⚙️</p>
         </footer>
     </div>
         const mysticEye = document.querySelector('.mystic-eye');
         mysticEye.addEventListener('click', () => {
             document.body.classList.toggle('show-secret');
+            alert('⚙️ Welcome to the simulation hub! Created by jatnikonm. ✨');
             // Create a temporary spiral effect
             for (let i = 0; i < 10; i++) {
             }
         });
     </script>
+</body>
 </html>