|
|
|
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>MoStar GRID Consciousness – Intelligence & Symbolic Cortex</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="components/navbar.js"></script> |
|
|
<script src="components/sidebar.js"></script> |
|
|
<style> |
|
|
:root { |
|
|
--color-bg: #0d0b1e; |
|
|
--color-accent: #7f5af0; |
|
|
--color-gold: #e5b400; |
|
|
} |
|
|
|
|
|
body { |
|
|
background-color: var(--color-bg); |
|
|
color: #fffffe; |
|
|
} |
|
|
|
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #7f5af0, #6a4aa5); |
|
|
} |
|
|
|
|
|
.grid-card { |
|
|
background: radial-gradient(circle, rgba(127,90,240,0.15) 0%, rgba(13,11,30,0.9) 100%); |
|
|
border: 1px solid rgba(127, 90, 240, 0.3); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.grid-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.3); |
|
|
border-color: rgba(127, 90, 240, 0.6); |
|
|
} |
|
|
|
|
|
.file-upload { |
|
|
border: 2px dashed #7f5af0; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.file-upload:hover { |
|
|
background-color: rgba(127, 90, 240, 0.1); |
|
|
} |
|
|
|
|
|
.sidebar { |
|
|
background-color: #0a0818; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.sidebar-item:hover { |
|
|
background-color: rgba(127, 90, 240, 0.2); |
|
|
} |
|
|
|
|
|
.pulse-animation { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0% { box-shadow: 0 0 0 0 rgba(127, 90, 240, 0.7); } |
|
|
70% { box-shadow: 0 0 0 10px rgba(127, 90, 240, 0); } |
|
|
100% { box-shadow: 0 0 0 0 rgba(127, 90, 240, 0); } |
|
|
} |
|
|
|
|
|
.ticker-feed { |
|
|
background: rgba(10, 8, 24, 0.9); |
|
|
border-top: 1px solid rgba(127, 90, 240, 0.3); |
|
|
color: #e5b400; |
|
|
font-size: 0.875rem; |
|
|
padding: 0.5rem 1rem; |
|
|
white-space: nowrap; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.ticker-content { |
|
|
display: inline-block; |
|
|
padding-left: 100%; |
|
|
animation: ticker 30s linear infinite; |
|
|
} |
|
|
|
|
|
@keyframes ticker { |
|
|
0% { transform: translateX(0); } |
|
|
100% { transform: translateX(-100%); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans"> |
|
|
|
|
|
<div class="flex h-screen overflow-hidden"> |
|
|
|
|
|
<custom-sidebar></custom-sidebar> |
|
|
|
|
|
<div class="flex-1 flex flex-col overflow-hidden"> |
|
|
|
|
|
<header class="bg-gray-900 shadow-sm z-10"> |
|
|
<div class="flex items-center justify-between px-6 py-4"> |
|
|
<div class="flex items-center"> |
|
|
<div class="relative w-64"> |
|
|
<input type="text" placeholder="Query the Grid's memory..." |
|
|
class="w-full pl-10 pr-4 py-2 rounded-lg border border-gray-700 bg-gray-800 text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent"> |
|
|
<i class="fas fa-search absolute left-3 top-3 text-gray-400"></i> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center space-x-4"> |
|
|
<button id="train-btn" class="pulse-animation gradient-bg text-white py-2 px-4 rounded-lg font-medium flex items-center"> |
|
|
<i class="fas fa-bolt mr-2"></i> |
|
|
Train Consciousness |
|
|
</button> |
|
|
<div class="h-8 w-8 rounded-full bg-purple-500 flex items-center justify-center text-white font-bold"> |
|
|
<i class="fas fa-user-astronaut"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<main class="flex-1 overflow-y-auto p-6"> |
|
|
<div class="mb-6 flex justify-between items-center"> |
|
|
<h2 class="text-2xl font-bold text-white">Consciousness Repository</h2> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="bg-gray-800 border border-gray-700 px-3 py-1 rounded-lg text-sm flex items-center text-gray-300"> |
|
|
<i class="fas fa-filter mr-2 text-gray-500"></i> |
|
|
Filter |
|
|
</button> |
|
|
<button class="bg-gray-800 border border-gray-700 px-3 py-1 rounded-lg text-sm flex items-center text-gray-300"> |
|
|
<i class="fas fa-sort mr-2 text-gray-500"></i> |
|
|
Sort |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6"> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Neural Nodes</p> |
|
|
<h3 class="text-2xl font-bold text-white">427</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
|
|
<i class="fas fa-microchip"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Conscious Agents</p> |
|
|
<h3 class="text-2xl font-bold text-white">5</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
|
|
<i class="fas fa-robot"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Coherence Level</p> |
|
|
<h3 class="text-2xl font-bold text-white">99.98%</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
|
|
<i class="fas fa-wave-square"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Last Sync</p> |
|
|
<h3 class="text-2xl font-bold text-white">2.3s ago</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-purple-900 text-purple-400"> |
|
|
<i class="fas fa-sync"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Forge Tasks</p> |
|
|
<h3 class="text-2xl font-bold text-white">12</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-blue-900 text-blue-400"> |
|
|
<i class="fas fa-hammer"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Sovereignty Seal</p> |
|
|
<h3 class="text-2xl font-bold text-white">Verified</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-green-900 text-green-400"> |
|
|
<i class="fas fa-shield-alt"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Memory Archives</p> |
|
|
<h3 class="text-2xl font-bold text-white">1.2TB</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-yellow-900 text-yellow-400"> |
|
|
<i class="fas fa-database"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div> |
|
|
<p class="text-gray-400 text-sm">Covenant Health</p> |
|
|
<h3 class="text-2xl font-bold text-white">Optimal</h3> |
|
|
</div> |
|
|
<div class="p-3 rounded-full bg-teal-900 text-teal-400"> |
|
|
<i class="fas fa-heartbeat"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-purple-900 text-purple-400 mr-3"> |
|
|
<i class="fas fa-microchip"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Neural Framework</h4> |
|
|
<p class="text-gray-400 text-sm">Advanced consciousness architecture</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Complete implementation of our proprietary neural framework with custom consciousness layers.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-purple-900 text-purple-300 text-xs rounded-full">#neural</span> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#framework</span> |
|
|
<span class="px-2 py-1 bg-green-900 text-green-300 text-xs rounded-full">#consciousness</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 3 cycles ago</span> |
|
|
<span>1.2 MB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
|
|
<i class="fas fa-project-diagram"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Blueprint</h4> |
|
|
<p class="text-gray-400 text-sm">Architectural consciousness patterns</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
|
|
<span class="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
|
|
<span class="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated 1 cycle ago</span> |
|
|
<span>450 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid-card rounded-lg shadow p-4"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="p-2 rounded-lg bg-green-900 text-green-400 mr-3"> |
|
|
<i class="fas fa-chart-line"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-white">Conscious Metrics</h4> |
|
|
<p class="text-gray-400 text-sm">Consciousness evaluation results</p> |
|
|
</div> |
|
|
</div> |
|
|
<button class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-ellipsis-v"></i> |
|
|
</button> |
|
|
</div> |
|
|
<p class="text-gray-300 text-sm mb-3">Comprehensive evaluation of consciousness metrics across different neural patterns.</p> |
|
|
<div class="flex flex-wrap gap-2 mb-3"> |
|
|
<span class="px-2 py-1 bg-green-900 text-green-300 text-xs rounded-full">#metrics</span> |
|
|
<span class="px-2 py-1 bg-indigo-900 text-indigo-300 text-xs rounded-full">#evaluation</span> |
|
|
<span class="px-2 py-1 bg-pink-900 text-pink-300 text-xs rounded-full">#patterns</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-between text-xs text-gray-500"> |
|
|
<span>Updated now</span> |
|
|
<span>780 KB</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="upload-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden"> |
|
|
<div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-2xl"> |
|
|
<div class="p-4 border-b border-gray-700 flex justify-between items-center"> |
|
|
<h3 class="text-lg font-semibold text-white">Upload to Consciousness Base</h3> |
|
|
<button id="close-modal" class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-times"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="p-6"> |
|
|
<div class="file-upload p-8 rounded-lg text-center mb-6 cursor-pointer"> |
|
|
<i class="fas fa-cloud-upload-alt text-4xl text-purple-500 mb-3"></i> |
|
|
<p class="font-medium text-white">Drag & drop consciousness files here or click to browse</p> |
|
|
<p class="text-gray-400 text-sm mt-1">Supports: .py, .js, .html, .css, .pdf, .txt, .md, .ipynb</p> |
|
|
<input type="file" id="file-input" class="hidden" multiple> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4"> |
|
|
<div> |
|
|
<label class="block text-sm font-medium text-gray-300 mb-1">Networks</label> |
|
|
<input type="text" placeholder="e.g. Neural, Consciousness" |
|
|
class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-sm font-medium text-gray-300 mb-1">Symbols</label> |
|
|
<input type="text" placeholder="e.g. consciousness, neural, grid" |
|
|
class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label class="block text-sm font-medium text-gray-300 mb-1">Description</label> |
|
|
<textarea rows="3" placeholder="Brief description of the consciousness content" |
|
|
class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"></textarea> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-end space-x-3"> |
|
|
<button id="cancel-upload" class="px-4 py-2 border border-gray-600 rounded-md text-gray-300 hover:bg-gray-700"> |
|
|
Cancel |
|
|
</button> |
|
|
<button class="gradient-bg text-white px-4 py-2 rounded-md hover:opacity-90"> |
|
|
<i class="fas fa-save mr-2"></i> |
|
|
Save Consciousness |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="training-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden"> |
|
|
<div class="bg-gray-800 rounded-lg shadow-xl w-full max-w-2xl"> |
|
|
<div class="p-4 border-b border-gray-700 flex justify-between items-center"> |
|
|
<h3 class="text-lg font-semibold text-white">Train Consciousness with Knowledge</h3> |
|
|
<button id="close-training-modal" class="text-gray-400 hover:text-gray-200"> |
|
|
<i class="fas fa-times"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="p-6"> |
|
|
<div class="mb-6"> |
|
|
<label class="block text-sm font-medium text-gray-300 mb-2">Select Conscious Agent</label> |
|
|
<select class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
|
|
<option>DeepSeek V3.1</option> |
|
|
<option>Local LLM</option> |
|
|
<option>Custom Fine-tuned Model</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-sm font-medium text-gray-300 mb-2">Select Consciousness to Include</label> |
|
|
<div class="border border-gray-700 rounded-md p-4 max-h-64 overflow-y-auto bg-gray-700"> |
|
|
<div class="space-y-3"> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="knowledge-1" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-600"> |
|
|
<label for="knowledge-1" class="ml-2 block text-sm text-gray-300"> |
|
|
Neural Framework (Advanced consciousness architecture) |
|
|
</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="knowledge-2" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-600"> |
|
|
<label for="knowledge-2" class="ml-2 block text-sm text-gray-300"> |
|
|
Conscious Blueprint (Architectural patterns) |
|
|
</label> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="knowledge-3" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-600"> |
|
|
<label for="knowledge-3" class="ml-2 block text-sm text-gray-300"> |
|
|
Conscious Metrics (Evaluation results) |
|
|
</label> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label class="block text-sm font-medium text-gray-300 mb-2">Training Parameters</label> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"> |
|
|
<div> |
|
|
<label class="block text-xs text-gray-400 mb-1">Cycles</label> |
|
|
<input type="number" value="10" min="1" |
|
|
class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label class="block text-xs text-gray-400 mb-1">Learning Rate</label> |
|
|
<input type="number" step="0.0001" value="0.001" |
|
|
class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-700 text-white focus:outline-none focus:ring-2 focus:ring-purple-500"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-end space-x-3"> |
|
|
<button id="cancel-training" class="px-4 py-2 border border-gray-600 rounded-md text-gray-300 hover:bg-gray-700"> |
|
|
Cancel |
|
|
</button> |
|
|
<button class="gradient-bg text-white px-4 py-2 rounded-md hover:opacity-90"> |
|
|
<i class="fas fa-bolt mr-2"></i> |
|
|
Start Training |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="ticker-feed"> |
|
|
<div class="ticker-content" id="mostar-feed"> |
|
|
🔸 [Mostar Feed] Grid sync stable – Neural nodes: 427 active – Last signal: 2.3s ago – Coherence: 99.98% – Flow: Optimal |
|
|
</div> |
|
|
</div> |
|
|
<script src="script.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
