Spaces:
Running
Running
https://lovable.dev/projects/bbdf5beb-4a67-4e74-94b4-0aa1b95fb17f tak a ted ty hexa modula rizer make like super inteligent super agent super factory
Browse files- game.html +1 -2
- hexa.html +55 -35
- index.html +0 -1
- quantum.html +0 -1
- visual.html +0 -1
game.html
CHANGED
|
@@ -57,8 +57,7 @@
|
|
| 57 |
<a href="quantum.html" class="hover:text-purple-300 transition">Quantum</a>
|
| 58 |
<a href="visual.html" class="hover:text-purple-300 transition">Visual</a>
|
| 59 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA</a>
|
| 60 |
-
|
| 61 |
-
</div>
|
| 62 |
<button class="md:hidden">
|
| 63 |
<i data-feather="menu"></i>
|
| 64 |
</button>
|
|
|
|
| 57 |
<a href="quantum.html" class="hover:text-purple-300 transition">Quantum</a>
|
| 58 |
<a href="visual.html" class="hover:text-purple-300 transition">Visual</a>
|
| 59 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA</a>
|
| 60 |
+
</div>
|
|
|
|
| 61 |
<button class="md:hidden">
|
| 62 |
<i data-feather="menu"></i>
|
| 63 |
</button>
|
hexa.html
CHANGED
|
@@ -9,8 +9,8 @@
|
|
| 9 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
<script src="https://unpkg.com/feather-icons"></script>
|
| 11 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
| 12 |
-
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.
|
| 13 |
-
|
| 14 |
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Share+Tech+Mono&display=swap');
|
| 15 |
body {
|
| 16 |
font-family: 'Share Tech Mono', monospace;
|
|
@@ -27,12 +27,34 @@
|
|
| 27 |
border: 1px solid #00ff41;
|
| 28 |
box-shadow: 0 0 15px #00ff41;
|
| 29 |
transition: all 0.3s ease;
|
|
|
|
|
|
|
| 30 |
}
|
| 31 |
.hexa-card:hover {
|
| 32 |
transform: scale(1.03);
|
| 33 |
box-shadow: 0 0 30px #00ff41;
|
| 34 |
}
|
| 35 |
-
.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
background: transparent;
|
| 37 |
border: 2px solid #00ff41;
|
| 38 |
color: #00ff41;
|
|
@@ -63,26 +85,25 @@
|
|
| 63 |
<nav class="py-6 px-6 md:px-12 flex justify-between items-center border-b border-green-500/20">
|
| 64 |
<div class="flex items-center space-x-2">
|
| 65 |
<i data-feather="hexagon" class="text-green-500"></i>
|
| 66 |
-
|
| 67 |
-
|
| 68 |
<div class="hidden md:flex space-x-8">
|
| 69 |
<a href="index.html" class="hover:text-green-400 transition matrix-text">MAINFRAME</a>
|
| 70 |
<a href="quantum.html" class="hover:text-green-400 transition matrix-text">QUANTUM</a>
|
| 71 |
<a href="visual.html" class="hover:text-green-400 transition matrix-text">VISUAL</a>
|
| 72 |
<a href="game.html" class="hover:text-green-400 transition matrix-text">GAME</a>
|
| 73 |
-
<a href="maze.html" class="hover:text-green-400 transition matrix-text">MAZE</a>
|
| 74 |
</div>
|
| 75 |
</nav>
|
| 76 |
|
| 77 |
<!-- Hero Section -->
|
| 78 |
<div class="container mx-auto px-6 md:px-12 py-20 text-center">
|
| 79 |
<h1 class="text-5xl md:text-7xl font-bold mb-6 matrix-text flicker">
|
| 80 |
-
<span class="text-green-500">
|
| 81 |
</h1>
|
| 82 |
<p class="text-xl text-green-300 mb-10 max-w-3xl mx-auto matrix-text">
|
| 83 |
-
|
| 84 |
</p>
|
| 85 |
-
|
| 86 |
<button class="px-8 py-4 rounded-none neon-btn matrix-text">
|
| 87 |
INITIALIZE AGENTS
|
| 88 |
</button>
|
|
@@ -99,15 +120,15 @@
|
|
| 99 |
<div class="hexa-card p-8">
|
| 100 |
<div class="flex justify-center mb-6">
|
| 101 |
<div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
|
| 102 |
-
<i data-feather="
|
| 103 |
</div>
|
| 104 |
</div>
|
| 105 |
-
<h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">
|
| 106 |
<p class="text-green-300 mb-6 text-center matrix-text">
|
| 107 |
-
|
| 108 |
</p>
|
| 109 |
<button class="w-full py-3 rounded-none neon-btn matrix-text">
|
| 110 |
-
|
| 111 |
</button>
|
| 112 |
</div>
|
| 113 |
|
|
@@ -115,15 +136,15 @@
|
|
| 115 |
<div class="hexa-card p-8">
|
| 116 |
<div class="flex justify-center mb-6">
|
| 117 |
<div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
|
| 118 |
-
<i data-feather="
|
| 119 |
</div>
|
| 120 |
</div>
|
| 121 |
-
<h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">
|
| 122 |
<p class="text-green-300 mb-6 text-center matrix-text">
|
| 123 |
-
MULTI-
|
| 124 |
</p>
|
| 125 |
<button class="w-full py-3 rounded-none neon-btn matrix-text">
|
| 126 |
-
|
| 127 |
</button>
|
| 128 |
</div>
|
| 129 |
|
|
@@ -131,18 +152,18 @@
|
|
| 131 |
<div class="hexa-card p-8">
|
| 132 |
<div class="flex justify-center mb-6">
|
| 133 |
<div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
|
| 134 |
-
<i data-feather="
|
| 135 |
</div>
|
| 136 |
</div>
|
| 137 |
-
<h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">
|
| 138 |
<p class="text-green-300 mb-6 text-center matrix-text">
|
| 139 |
-
|
| 140 |
</p>
|
| 141 |
<button class="w-full py-3 rounded-none neon-btn matrix-text">
|
| 142 |
-
|
| 143 |
</button>
|
| 144 |
</div>
|
| 145 |
-
|
| 146 |
</div>
|
| 147 |
|
| 148 |
<!-- Hexa Terminal -->
|
|
@@ -158,11 +179,11 @@
|
|
| 158 |
<span class="text-green-500">HEXA></span>
|
| 159 |
<span class="text-white ml-2">init --all --protocol=multi-device</span>
|
| 160 |
</div>
|
| 161 |
-
<div class="mb-2 text-green-300">> SCANNING
|
| 162 |
-
<div class="mb-2 text-green-300">> FOUND
|
| 163 |
-
<div class="mb-2 text-green-500">> INITIALIZING
|
| 164 |
-
<div class="mb-4 text-green-300">> READY FOR
|
| 165 |
-
|
| 166 |
<span class="text-green-500">HEXA></span>
|
| 167 |
<span class="text-white ml-2 border-b border-green-500 inline-block min-w-[50%]">_</span>
|
| 168 |
</div>
|
|
@@ -172,9 +193,9 @@
|
|
| 172 |
|
| 173 |
<footer class="py-12 px-6 md:px-12 border-t border-green-500/20 mt-20">
|
| 174 |
<div class="container mx-auto text-center">
|
| 175 |
-
<p class="text-green-500/80 matrix-text">© 2023
|
| 176 |
</div>
|
| 177 |
-
|
| 178 |
|
| 179 |
<script>
|
| 180 |
// Initialize feather icons
|
|
@@ -184,13 +205,12 @@
|
|
| 184 |
|
| 185 |
// Terminal typing effect
|
| 186 |
const hexaCommands = [
|
| 187 |
-
"
|
| 188 |
-
"
|
| 189 |
-
"
|
| 190 |
-
"
|
| 191 |
];
|
| 192 |
-
|
| 193 |
-
let currentCommand = 0;
|
| 194 |
function rotateCommand() {
|
| 195 |
const terminal = document.querySelector('.hexa-card .font-mono div:last-child span:last-child');
|
| 196 |
terminal.textContent = hexaCommands[currentCommand];
|
|
|
|
| 9 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
<script src="https://unpkg.com/feather-icons"></script>
|
| 11 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
| 12 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>
|
| 13 |
+
<style>
|
| 14 |
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Share+Tech+Mono&display=swap');
|
| 15 |
body {
|
| 16 |
font-family: 'Share Tech Mono', monospace;
|
|
|
|
| 27 |
border: 1px solid #00ff41;
|
| 28 |
box-shadow: 0 0 15px #00ff41;
|
| 29 |
transition: all 0.3s ease;
|
| 30 |
+
position: relative;
|
| 31 |
+
overflow: hidden;
|
| 32 |
}
|
| 33 |
.hexa-card:hover {
|
| 34 |
transform: scale(1.03);
|
| 35 |
box-shadow: 0 0 30px #00ff41;
|
| 36 |
}
|
| 37 |
+
.hexa-card::before {
|
| 38 |
+
content: '';
|
| 39 |
+
position: absolute;
|
| 40 |
+
top: -50%;
|
| 41 |
+
left: -50%;
|
| 42 |
+
width: 200%;
|
| 43 |
+
height: 200%;
|
| 44 |
+
background: linear-gradient(
|
| 45 |
+
to bottom right,
|
| 46 |
+
rgba(0, 255, 65, 0.1),
|
| 47 |
+
rgba(0, 255, 65, 0.05),
|
| 48 |
+
transparent
|
| 49 |
+
);
|
| 50 |
+
transform: rotate(30deg);
|
| 51 |
+
animation: shine 3s infinite;
|
| 52 |
+
}
|
| 53 |
+
@keyframes shine {
|
| 54 |
+
0% { transform: rotate(30deg) translate(-30%, -30%); }
|
| 55 |
+
100% { transform: rotate(30deg) translate(30%, 30%); }
|
| 56 |
+
}
|
| 57 |
+
.neon-btn {
|
| 58 |
background: transparent;
|
| 59 |
border: 2px solid #00ff41;
|
| 60 |
color: #00ff41;
|
|
|
|
| 85 |
<nav class="py-6 px-6 md:px-12 flex justify-between items-center border-b border-green-500/20">
|
| 86 |
<div class="flex items-center space-x-2">
|
| 87 |
<i data-feather="hexagon" class="text-green-500"></i>
|
| 88 |
+
<span class="text-xl font-bold matrix-text">SUPERAGENT/FACTORY</span>
|
| 89 |
+
</div>
|
| 90 |
<div class="hidden md:flex space-x-8">
|
| 91 |
<a href="index.html" class="hover:text-green-400 transition matrix-text">MAINFRAME</a>
|
| 92 |
<a href="quantum.html" class="hover:text-green-400 transition matrix-text">QUANTUM</a>
|
| 93 |
<a href="visual.html" class="hover:text-green-400 transition matrix-text">VISUAL</a>
|
| 94 |
<a href="game.html" class="hover:text-green-400 transition matrix-text">GAME</a>
|
|
|
|
| 95 |
</div>
|
| 96 |
</nav>
|
| 97 |
|
| 98 |
<!-- Hero Section -->
|
| 99 |
<div class="container mx-auto px-6 md:px-12 py-20 text-center">
|
| 100 |
<h1 class="text-5xl md:text-7xl font-bold mb-6 matrix-text flicker">
|
| 101 |
+
<span class="text-green-500">SUPERAGENT</span><span class="text-white">:</span><span class="text-green-500">FACTORY</span>
|
| 102 |
</h1>
|
| 103 |
<p class="text-xl text-green-300 mb-10 max-w-3xl mx-auto matrix-text">
|
| 104 |
+
NEURAL FOUNDRY FOR BREEDING NEXT-GEN AI SUPERAGENTS
|
| 105 |
</p>
|
| 106 |
+
<div class="flex flex-col sm:flex-row justify-center gap-6">
|
| 107 |
<button class="px-8 py-4 rounded-none neon-btn matrix-text">
|
| 108 |
INITIALIZE AGENTS
|
| 109 |
</button>
|
|
|
|
| 120 |
<div class="hexa-card p-8">
|
| 121 |
<div class="flex justify-center mb-6">
|
| 122 |
<div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
|
| 123 |
+
<i data-feather="brain" class="text-green-500 w-10 h-10 -rotate-45"></i>
|
| 124 |
</div>
|
| 125 |
</div>
|
| 126 |
+
<h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">NEURAL.FORGE</h3>
|
| 127 |
<p class="text-green-300 mb-6 text-center matrix-text">
|
| 128 |
+
GENERATIVE AI AGENT BREEDING ENGINE
|
| 129 |
</p>
|
| 130 |
<button class="w-full py-3 rounded-none neon-btn matrix-text">
|
| 131 |
+
INITIATE BREEDING
|
| 132 |
</button>
|
| 133 |
</div>
|
| 134 |
|
|
|
|
| 136 |
<div class="hexa-card p-8">
|
| 137 |
<div class="flex justify-center mb-6">
|
| 138 |
<div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
|
| 139 |
+
<i data-feather="layers" class="text-green-500 w-10 h-10 -rotate-45"></i>
|
| 140 |
</div>
|
| 141 |
</div>
|
| 142 |
+
<h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">HYPERNET</h3>
|
| 143 |
<p class="text-green-300 mb-6 text-center matrix-text">
|
| 144 |
+
MULTI-MODAL NEURAL ARCHITECTURE
|
| 145 |
</p>
|
| 146 |
<button class="w-full py-3 rounded-none neon-btn matrix-text">
|
| 147 |
+
DESIGN AGENT
|
| 148 |
</button>
|
| 149 |
</div>
|
| 150 |
|
|
|
|
| 152 |
<div class="hexa-card p-8">
|
| 153 |
<div class="flex justify-center mb-6">
|
| 154 |
<div class="w-20 h-20 border-2 border-green-500 rotate-45 flex items-center justify-center">
|
| 155 |
+
<i data-feather="zap" class="text-green-500 w-10 h-10 -rotate-45"></i>
|
| 156 |
</div>
|
| 157 |
</div>
|
| 158 |
+
<h3 class="text-2xl font-bold text-center mb-4 text-green-500 matrix-text">QUANTUM.COGNITION</h3>
|
| 159 |
<p class="text-green-300 mb-6 text-center matrix-text">
|
| 160 |
+
POST-HUMAN INTELLIGENCE ACCELERATOR
|
| 161 |
</p>
|
| 162 |
<button class="w-full py-3 rounded-none neon-btn matrix-text">
|
| 163 |
+
ACTIVATE SUPERAGENT
|
| 164 |
</button>
|
| 165 |
</div>
|
| 166 |
+
</div>
|
| 167 |
</div>
|
| 168 |
|
| 169 |
<!-- Hexa Terminal -->
|
|
|
|
| 179 |
<span class="text-green-500">HEXA></span>
|
| 180 |
<span class="text-white ml-2">init --all --protocol=multi-device</span>
|
| 181 |
</div>
|
| 182 |
+
<div class="mb-2 text-green-300">> SCANNING NEURAL ARCHITECTURES...</div>
|
| 183 |
+
<div class="mb-2 text-green-300">> FOUND 247 POTENTIAL SUPERAGENTS</div>
|
| 184 |
+
<div class="mb-2 text-green-500">> INITIALIZING QUANTUM COGNITION MATRIX</div>
|
| 185 |
+
<div class="mb-4 text-green-300">> READY FOR POST-HUMAN INTELLIGENCE BREEDING</div>
|
| 186 |
+
<div>
|
| 187 |
<span class="text-green-500">HEXA></span>
|
| 188 |
<span class="text-white ml-2 border-b border-green-500 inline-block min-w-[50%]">_</span>
|
| 189 |
</div>
|
|
|
|
| 193 |
|
| 194 |
<footer class="py-12 px-6 md:px-12 border-t border-green-500/20 mt-20">
|
| 195 |
<div class="container mx-auto text-center">
|
| 196 |
+
<p class="text-green-500/80 matrix-text">© 2023 SUPERAGENT FACTORY - ALL INTELLIGENCE LEVELS EXCEEDED</p>
|
| 197 |
</div>
|
| 198 |
+
</footer>
|
| 199 |
|
| 200 |
<script>
|
| 201 |
// Initialize feather icons
|
|
|
|
| 205 |
|
| 206 |
// Terminal typing effect
|
| 207 |
const hexaCommands = [
|
| 208 |
+
"breed --type=super --parents=7",
|
| 209 |
+
"simulate --consciousness=quantum",
|
| 210 |
+
"optimize --neural=hyper",
|
| 211 |
+
"deploy --reality=augmented"
|
| 212 |
];
|
| 213 |
+
let currentCommand = 0;
|
|
|
|
| 214 |
function rotateCommand() {
|
| 215 |
const terminal = document.querySelector('.hexa-card .font-mono div:last-child span:last-child');
|
| 216 |
terminal.textContent = hexaCommands[currentCommand];
|
index.html
CHANGED
|
@@ -55,7 +55,6 @@
|
|
| 55 |
<a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
|
| 56 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
|
| 57 |
<a href="game.html" class="hover:text-purple-300 transition">Game Lab</a>
|
| 58 |
-
<a href="maze.html" class="hover:text-purple-300 transition">Maze Solver</a>
|
| 59 |
</div>
|
| 60 |
<button class="md:hidden">
|
| 61 |
<i data-feather="menu"></i>
|
|
|
|
| 55 |
<a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
|
| 56 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
|
| 57 |
<a href="game.html" class="hover:text-purple-300 transition">Game Lab</a>
|
|
|
|
| 58 |
</div>
|
| 59 |
<button class="md:hidden">
|
| 60 |
<i data-feather="menu"></i>
|
quantum.html
CHANGED
|
@@ -55,7 +55,6 @@
|
|
| 55 |
<a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
|
| 56 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
|
| 57 |
<a href="game.html" class="hover:text-purple-300 transition">Game Lab</a>
|
| 58 |
-
<a href="maze.html" class="hover:text-purple-300 transition">Maze Solver</a>
|
| 59 |
</div>
|
| 60 |
</nav>
|
| 61 |
|
|
|
|
| 55 |
<a href="visual.html" class="hover:text-purple-300 transition">Visual Orchestrator</a>
|
| 56 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
|
| 57 |
<a href="game.html" class="hover:text-purple-300 transition">Game Lab</a>
|
|
|
|
| 58 |
</div>
|
| 59 |
</nav>
|
| 60 |
|
visual.html
CHANGED
|
@@ -59,7 +59,6 @@
|
|
| 59 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
|
| 60 |
<a href="game.html" class="hover:text-purple-300 transition">Game Lab</a>
|
| 61 |
<a href="#" class="hover:text-purple-300 transition text-purple-300">Visual Orchestrator</a>
|
| 62 |
-
<a href="maze.html" class="hover:text-purple-300 transition">Maze Solver</a>
|
| 63 |
</div>
|
| 64 |
<button class="md:hidden">
|
| 65 |
<i data-feather="menu"></i>
|
|
|
|
| 59 |
<a href="hexa.html" class="hover:text-purple-300 transition">HEXA Modularizer</a>
|
| 60 |
<a href="game.html" class="hover:text-purple-300 transition">Game Lab</a>
|
| 61 |
<a href="#" class="hover:text-purple-300 transition text-purple-300">Visual Orchestrator</a>
|
|
|
|
| 62 |
</div>
|
| 63 |
<button class="md:hidden">
|
| 64 |
<i data-feather="menu"></i>
|