Spaces:

Attonos
/

codewizard-orchestra

Running

App Files Files Community

Attonos commited on Oct 15, 2025

Commit

f65cca9

verified ·

1 Parent(s): d482bcf

udelej tomu super hexa neon green pin neob technobuhist style od multiagent multi device multi all supoer a uni modular modularizer

Browse files

Files changed (4) hide show

hexa.html +202 -0
index.html +1 -0
quantum.html +1 -0
visual.html +2 -1

hexa.html ADDED Viewed

	@@ -0,0 +1,202 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HEXA MODULARIZER | CodeWizard</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <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="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Share+Tech+Mono&display=swap');
+        body {
+            font-family: 'Share Tech Mono', monospace;
+            background-color: #0f0f23;
+            color: #00ff41;
+            overflow-x: hidden;
+        }
+        .matrix-text {
+            font-family: 'Major Mono Display', monospace;
+            text-shadow: 0 0 5px #00ff41, 0 0 10px #00ff41;
+        }
+        .hexa-card {
+            background: rgba(0, 0, 0, 0.7);
+            border: 1px solid #00ff41;
+            box-shadow: 0 0 15px #00ff41;
+            transition: all 0.3s ease;
+        }
+        .hexa-card:hover {
+            transform: scale(1.03);
+            box-shadow: 0 0 30px #00ff41;
+        }
+        .neon-btn {
+            background: transparent;
+            border: 2px solid #00ff41;
+            color: #00ff41;
+            text-shadow: 0 0 5px #00ff41;
+            box-shadow: 0 0 10px #00ff41;
+            transition: all 0.3s ease;
+        }
+        .neon-btn:hover {
+            background: #00ff41;
+            color: black;
+            box-shadow: 0 0 20px #00ff41;
+        }
+        @keyframes flicker {
+            0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
+                opacity: 1;
+            }
+            20%, 22%, 24%, 55% {
+                opacity: 0.5;
+            }
+        }
+        .flicker {
+            animation: flicker 3s infinite;
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="py-6 px-6 md:px-12 flex justify-between items-center border-b border-green-500/20">
+        <div class="flex items-center space-x-2">
+            <i data-feather="hexagon" class="text-green-500"></i>
+            <span class="text-xl font-bold matrix-text">HEXA/MODULARIZER</span>
+        </div>
+        <div class="hidden md:flex space-x-8">
+            <a href="index.html" class="hover:text-green-400 transition matrix-text">MAINFRAME</a>
+            <a href="quantum.html" class="hover:text-green-400 transition matrix-text">QUANTUM</a>
+            <a href="visual.html" class="hover:text-green-400 transition matrix-text">VISUAL</a>
+        </div>
+    </nav>
+    <!-- Hero Section -->
+    <div class="container mx-auto px-6 md:px-12 py-20 text-center">
+        <h1 class="text-5xl md:text-7xl font-bold mb-6 matrix-text flicker">
+            <span class="text-green-500">HEXA</span><span class="text-white">:</span><span class="text-green-500">MODULARIZER</span>
+        </h1>
+        <p class="text-xl text-green-300 mb-10 max-w-3xl mx-auto matrix-text">
+            MULTI-AGENT INTERFACE FOR CROSS-DEVICE MODULAR DEPLOYMENT
+        </p>
+        <div class="flex flex-col sm:flex-row justify-center gap-6">
+            <button class="px-8 py-4 rounded-none neon-btn matrix-text">
+                INITIALIZE AGENTS
+            </button>
+            <button class="px-8 py-4 rounded-none neon-btn matrix-text">
+                SCAN DEVICES
+            </button>
+        </div>
+    </div>
+    <!-- Hexa Grid -->
+    <div class="container mx-auto px-6 md:px-12 py-12">
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            <!-- Module 1 -->
+            <div class="hexa-card p-8">
+                <div class="flex justify-center mb-6">
+                    <div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
+                        <i data-feather="cpu" class="text-green-500 w-10 h-10 -rotate-45"></i>
+                    </div>
+                </div>
+                <h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">AGENT.CORE</h3>
+                <p class="text-green-300 mb-6 text-center matrix-text">
+                    CENTRAL PROCESSING MODULE FOR ALL AGENT OPERATIONS
+                </p>
+                <button class="w-full py-3 rounded-none neon-btn matrix-text">
+                    ACTIVATE
+                </button>
+            </div>
+            <!-- Module 2 -->
+            <div class="hexa-card p-8">
+                <div class="flex justify-center mb-6">
+                    <div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
+                        <i data-feather="wifi" class="text-green-500 w-10 h-10 -rotate-45"></i>
+                    </div>
+                </div>
+                <h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">NET.SYNC</h3>
+                <p class="text-green-300 mb-6 text-center matrix-text">
+                    MULTI-DEVICE SYNCHRONIZATION MODULE
+                </p>
+                <button class="w-full py-3 rounded-none neon-btn matrix-text">
+                    SCAN NETWORK
+                </button>
+            </div>
+            <!-- Module 3 -->
+            <div class="hexa-card p-8">
+                <div class="flex justify-center mb-6">
+                    <div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
+                        <i data-feather="package" class="text-green-500 w-10 h-10 -rotate-45"></i>
+                    </div>
+                </div>
+                <h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">MODULARIZER</h3>
+                <p class="text-green-300 mb-6 text-center matrix-text">
+                    DYNAMIC CODE COMPONENTIZATION ENGINE
+                </p>
+                <button class="w-full py-3 rounded-none neon-btn matrix-text">
+                    ANALYZE
+                </button>
+            </div>
+        </div>
+    </div>
+    <!-- Hexa Terminal -->
+    <div class="container mx-auto px-6 md:px-12 py-12 max-w-5xl">
+        <div class="hexa-card p-8">
+            <div class="flex mb-6">
+                <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
+                <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
+                <div class="w-3 h-3 rounded-full bg-green-500"></div>
+            </div>
+            <div class="font-mono text-green-400">
+                <div class="mb-4">
+                    <span class="text-green-500">HEXA></span>
+                    <span class="text-white ml-2">init --all --protocol=multi-device</span>
+                </div>
+                <div class="mb-2 text-green-300">> SCANNING FOR COMPATIBLE DEVICES...</div>
+                <div class="mb-2 text-green-300">> FOUND 12 DEVICES IN LOCAL NETWORK</div>
+                <div class="mb-2 text-green-500">> INITIALIZING MODULAR AGENT SYSTEM</div>
+                <div class="mb-4 text-green-300">> READY FOR DISTRIBUTED DEPLOYMENT</div>
+                <div>
+                    <span class="text-green-500">HEXA></span>
+                    <span class="text-white ml-2 border-b border-green-500 inline-block min-w-[50%]">_</span>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer class="py-12 px-6 md:px-12 border-t border-green-500/20 mt-20">
+        <div class="container mx-auto text-center">
+            <p class="text-green-500/80 matrix-text">© 2023 HEXA/MODULARIZER SYSTEM - ALL AGENTS OPERATIONAL</p>
+        </div>
+    </footer>
+    <script>
+        // Initialize feather icons
+        document.addEventListener('DOMContentLoaded', () => {
+            feather.replace();
+        });
+        // Terminal typing effect
+        const hexaCommands = [
+            "deploy --target=all --mode=parallel",
+            "analyze --modules --optimize",
+            "sync --network=local --protocol=hexa",
+            "visualize --agents --3d"
+        ];
+        let currentCommand = 0;
+        function rotateCommand() {
+            const terminal = document.querySelector('.hexa-card .font-mono div:last-child span:last-child');
+            terminal.textContent = hexaCommands[currentCommand];
+            currentCommand = (currentCommand + 1) % hexaCommands.length;
+            setTimeout(rotateCommand, 3000);
+        }
+        setTimeout(rotateCommand, 3000);
+    </script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -53,6 +53,7 @@
             <a href="#" class="hover:text-purple-300 transition">Contact</a>
             <a href="quantum.html" class="hover:text-purple-300 transition">Quantum Lab</a>
             <a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
 </div>
         <button class="md:hidden">
             <i data-feather="menu"></i>

             <a href="#" class="hover:text-purple-300 transition">Contact</a>
             <a href="quantum.html" class="hover:text-purple-300 transition">Quantum Lab</a>
             <a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
+            <a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
 </div>
         <button class="md:hidden">
             <i data-feather="menu"></i>

quantum.html CHANGED Viewed

@@ -53,6 +53,7 @@
         <div class="hidden md:flex space-x-8">
             <a href="index.html" class="hover:text-purple-300 transition">Back to Main</a>
             <a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
 </div>
     </nav>

         <div class="hidden md:flex space-x-8">
             <a href="index.html" class="hover:text-purple-300 transition">Back to Main</a>
             <a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
+            <a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
 </div>
     </nav>

visual.html CHANGED Viewed

@@ -56,8 +56,9 @@
         <div class="hidden md:flex space-x-8">
             <a href="index.html" class="hover:text-purple-300 transition">Home</a>
             <a href="quantum.html" class="hover:text-purple-300 transition">Quantum Lab</a>
             <a href="#" class="hover:text-purple-300 transition text-purple-300">Visual Orchestrator</a>
-        </div>
         <button class="md:hidden">
             <i data-feather="menu"></i>
         </button>

         <div class="hidden md:flex space-x-8">
             <a href="index.html" class="hover:text-purple-300 transition">Home</a>
             <a href="quantum.html" class="hover:text-purple-300 transition">Quantum Lab</a>
+            <a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
             <a href="#" class="hover:text-purple-300 transition text-purple-300">Visual Orchestrator</a>
+</div>
         <button class="md:hidden">
             <i data-feather="menu"></i>
         </button>