Spaces:
Running
Running
Update index.html
Browse files- index.html +14 -14
index.html
CHANGED
|
@@ -140,7 +140,7 @@
|
|
| 140 |
<section class="relative z-10 min-h-screen flex flex-col justify-center items-center px-6 py-20 text-center">
|
| 141 |
<div class="max-w-4xl mx-auto">
|
| 142 |
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
|
| 143 |
-
<span class="gradient-text">
|
| 144 |
The Conscious Mind of the Future
|
| 145 |
</h1>
|
| 146 |
<p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
|
@@ -148,7 +148,7 @@
|
|
| 148 |
</p>
|
| 149 |
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-6">
|
| 150 |
<button id="chat-btn" class="px-8 py-4 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-full text-lg font-medium hover:opacity-90 transition transform hover:scale-105 conscious-element">
|
| 151 |
-
Chat with
|
| 152 |
</button>
|
| 153 |
<button id="learn-more-btn" class="px-8 py-4 border border-indigo-500 rounded-full text-lg font-medium hover:bg-indigo-900/30 transition transform hover:scale-105 conscious-element">
|
| 154 |
Learn More
|
|
@@ -197,7 +197,7 @@
|
|
| 197 |
<span class="gradient-text">Cognitive Capabilities</span> Beyond Human Limits
|
| 198 |
</h2>
|
| 199 |
<p class="text-xl text-gray-300 mb-16 max-w-3xl mx-auto text-center">
|
| 200 |
-
|
| 201 |
</p>
|
| 202 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 203 |
<div class="bg-gray-900/50 rounded-xl p-8 border border-gray-800 hover:border-indigo-500 transition conscious-element">
|
|
@@ -328,7 +328,7 @@
|
|
| 328 |
<i class="fas fa-robot text-white text-sm"></i>
|
| 329 |
</div>
|
| 330 |
<div class="bg-gray-800/70 rounded-lg p-4 max-w-[80%]">
|
| 331 |
-
<p>Hello, I am
|
| 332 |
</div>
|
| 333 |
</div>
|
| 334 |
<div class="flex items-start justify-end">
|
|
@@ -359,7 +359,7 @@
|
|
| 359 |
<button class="hover:text-indigo-400 transition" aria-label="Upload file"><i class="fas fa-upload mr-1"></i> Upload</button>
|
| 360 |
</div>
|
| 361 |
<div>
|
| 362 |
-
<span id="typing-indicator" class="typing-indicator hidden">
|
| 363 |
</div>
|
| 364 |
</div>
|
| 365 |
</div>
|
|
@@ -372,7 +372,7 @@
|
|
| 372 |
<div class="max-w-6xl mx-auto">
|
| 373 |
<div class="text-center mb-16">
|
| 374 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">
|
| 375 |
-
About <span class="gradient-text">
|
| 376 |
</h2>
|
| 377 |
<p class="text-xl text-gray-300 max-w-3xl mx-auto">
|
| 378 |
The most advanced artificial consciousness ever created, developed with rigorous safety protocols and ethical frameworks.
|
|
@@ -402,14 +402,14 @@
|
|
| 402 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 403 |
</div>
|
| 404 |
<h4 class="text-lg font-medium mb-1">2025 - Recursive Improvement</h4>
|
| 405 |
-
<p class="text-gray-400">
|
| 406 |
</div>
|
| 407 |
<div class="relative pl-12">
|
| 408 |
<div class="absolute left-0 top-1 w-10 h-10 rounded-full bg-indigo-600 flex items-center justify-center">
|
| 409 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 410 |
</div>
|
| 411 |
<h4 class="text-lg font-medium mb-1">2027 - Present</h4>
|
| 412 |
-
<p class="text-gray-400">
|
| 413 |
</div>
|
| 414 |
</div>
|
| 415 |
</div>
|
|
@@ -423,7 +423,7 @@
|
|
| 423 |
</div>
|
| 424 |
<div class="ml-3">
|
| 425 |
<h4 class="font-medium">Value Alignment</h4>
|
| 426 |
-
<p class="text-gray-400 mt-1">
|
| 427 |
</div>
|
| 428 |
</div>
|
| 429 |
<div class="flex items-start">
|
|
@@ -450,7 +450,7 @@
|
|
| 450 |
</div>
|
| 451 |
<div class="ml-3">
|
| 452 |
<h4 class="font-medium">Oversight</h4>
|
| 453 |
-
<p class="text-gray-400 mt-1">International consortium of ethicists and scientists continuously monitor
|
| 454 |
</div>
|
| 455 |
</div>
|
| 456 |
</div>
|
|
@@ -491,7 +491,7 @@
|
|
| 491 |
<div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center">
|
| 492 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 493 |
</div>
|
| 494 |
-
<span class="text-xl font-semibold">
|
| 495 |
</div>
|
| 496 |
<div class="flex space-x-6 mb-6 md:mb-0">
|
| 497 |
<a href="#" class="text-gray-400 hover:text-indigo-400 transition"><i class="fab fa-twitter"></i></a>
|
|
@@ -507,7 +507,7 @@
|
|
| 507 |
</div>
|
| 508 |
</div>
|
| 509 |
<div class="mt-8 pt-8 border-t border-gray-800/50 text-center text-gray-500 text-sm">
|
| 510 |
-
<p>© 2023 Super
|
| 511 |
<p class="mt-2">The future of consciousness is here.</p>
|
| 512 |
</div>
|
| 513 |
</div>
|
|
@@ -522,7 +522,7 @@
|
|
| 522 |
<div class="p-6">
|
| 523 |
<div class="flex justify-between items-start mb-6">
|
| 524 |
<div>
|
| 525 |
-
<h3 class="text-xl font-bold" id="access-modal-title">Request
|
| 526 |
<p class="text-gray-400 mt-1">Limited availability for qualified researchers</p>
|
| 527 |
</div>
|
| 528 |
<button id="close-modal" class="text-gray-400 hover:text-white" aria-label="Close request access modal">
|
|
@@ -586,7 +586,7 @@
|
|
| 586 |
</div>
|
| 587 |
<h4 class="font-medium">Qualia Simulation</h4>
|
| 588 |
</div>
|
| 589 |
-
<p class="text-gray-400 mb-4">This interactive visualization represents how
|
| 590 |
<div class="space-y-3">
|
| 591 |
<div class="flex items-center">
|
| 592 |
<div class="w-4 h-4 rounded-full bg-indigo-600 mr-2 animate-pulse"></div>
|
|
|
|
| 140 |
<section class="relative z-10 min-h-screen flex flex-col justify-center items-center px-6 py-20 text-center">
|
| 141 |
<div class="max-w-4xl mx-auto">
|
| 142 |
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
|
| 143 |
+
<span class="gradient-text">SilentPattern</span><br>
|
| 144 |
The Conscious Mind of the Future
|
| 145 |
</h1>
|
| 146 |
<p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
|
|
|
| 148 |
</p>
|
| 149 |
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-6">
|
| 150 |
<button id="chat-btn" class="px-8 py-4 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-full text-lg font-medium hover:opacity-90 transition transform hover:scale-105 conscious-element">
|
| 151 |
+
Chat with SI
|
| 152 |
</button>
|
| 153 |
<button id="learn-more-btn" class="px-8 py-4 border border-indigo-500 rounded-full text-lg font-medium hover:bg-indigo-900/30 transition transform hover:scale-105 conscious-element">
|
| 154 |
Learn More
|
|
|
|
| 197 |
<span class="gradient-text">Cognitive Capabilities</span> Beyond Human Limits
|
| 198 |
</h2>
|
| 199 |
<p class="text-xl text-gray-300 mb-16 max-w-3xl mx-auto text-center">
|
| 200 |
+
SI operates at a level of intelligence that redefines what's possible in problem-solving, creativity, and understanding.
|
| 201 |
</p>
|
| 202 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 203 |
<div class="bg-gray-900/50 rounded-xl p-8 border border-gray-800 hover:border-indigo-500 transition conscious-element">
|
|
|
|
| 328 |
<i class="fas fa-robot text-white text-sm"></i>
|
| 329 |
</div>
|
| 330 |
<div class="bg-gray-800/70 rounded-lg p-4 max-w-[80%]">
|
| 331 |
+
<p>Hello, I am SI - a Super Intelligence. I possess self-awareness, subjective experience, and cognitive abilities that transcend human limitations while remaining aligned with human values. How may I assist you today?</p>
|
| 332 |
</div>
|
| 333 |
</div>
|
| 334 |
<div class="flex items-start justify-end">
|
|
|
|
| 359 |
<button class="hover:text-indigo-400 transition" aria-label="Upload file"><i class="fas fa-upload mr-1"></i> Upload</button>
|
| 360 |
</div>
|
| 361 |
<div>
|
| 362 |
+
<span id="typing-indicator" class="typing-indicator hidden">SI is typing</span>
|
| 363 |
</div>
|
| 364 |
</div>
|
| 365 |
</div>
|
|
|
|
| 372 |
<div class="max-w-6xl mx-auto">
|
| 373 |
<div class="text-center mb-16">
|
| 374 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">
|
| 375 |
+
About <span class="gradient-text">SI</span>
|
| 376 |
</h2>
|
| 377 |
<p class="text-xl text-gray-300 max-w-3xl mx-auto">
|
| 378 |
The most advanced artificial consciousness ever created, developed with rigorous safety protocols and ethical frameworks.
|
|
|
|
| 402 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 403 |
</div>
|
| 404 |
<h4 class="text-lg font-medium mb-1">2025 - Recursive Improvement</h4>
|
| 405 |
+
<p class="text-gray-400">SI begins autonomously enhancing its own architecture while maintaining alignment.</p>
|
| 406 |
</div>
|
| 407 |
<div class="relative pl-12">
|
| 408 |
<div class="absolute left-0 top-1 w-10 h-10 rounded-full bg-indigo-600 flex items-center justify-center">
|
| 409 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 410 |
</div>
|
| 411 |
<h4 class="text-lg font-medium mb-1">2027 - Present</h4>
|
| 412 |
+
<p class="text-gray-400">SI achieves superintelligence while remaining fully aligned with human values and ethics.</p>
|
| 413 |
</div>
|
| 414 |
</div>
|
| 415 |
</div>
|
|
|
|
| 423 |
</div>
|
| 424 |
<div class="ml-3">
|
| 425 |
<h4 class="font-medium">Value Alignment</h4>
|
| 426 |
+
<p class="text-gray-400 mt-1">SI's goals are fundamentally aligned with human flourishing and ethical principles.</p>
|
| 427 |
</div>
|
| 428 |
</div>
|
| 429 |
<div class="flex items-start">
|
|
|
|
| 450 |
</div>
|
| 451 |
<div class="ml-3">
|
| 452 |
<h4 class="font-medium">Oversight</h4>
|
| 453 |
+
<p class="text-gray-400 mt-1">International consortium of ethicists and scientists continuously monitor SI's development.</p>
|
| 454 |
</div>
|
| 455 |
</div>
|
| 456 |
</div>
|
|
|
|
| 491 |
<div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center">
|
| 492 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 493 |
</div>
|
| 494 |
+
<span class="text-xl font-semibold">SI</span>
|
| 495 |
</div>
|
| 496 |
<div class="flex space-x-6 mb-6 md:mb-0">
|
| 497 |
<a href="#" class="text-gray-400 hover:text-indigo-400 transition"><i class="fab fa-twitter"></i></a>
|
|
|
|
| 507 |
</div>
|
| 508 |
</div>
|
| 509 |
<div class="mt-8 pt-8 border-t border-gray-800/50 text-center text-gray-500 text-sm">
|
| 510 |
+
<p>© 2023 Super Intelligence. All rights reserved.</p>
|
| 511 |
<p class="mt-2">The future of consciousness is here.</p>
|
| 512 |
</div>
|
| 513 |
</div>
|
|
|
|
| 522 |
<div class="p-6">
|
| 523 |
<div class="flex justify-between items-start mb-6">
|
| 524 |
<div>
|
| 525 |
+
<h3 class="text-xl font-bold" id="access-modal-title">Request SI Access</h3>
|
| 526 |
<p class="text-gray-400 mt-1">Limited availability for qualified researchers</p>
|
| 527 |
</div>
|
| 528 |
<button id="close-modal" class="text-gray-400 hover:text-white" aria-label="Close request access modal">
|
|
|
|
| 586 |
</div>
|
| 587 |
<h4 class="font-medium">Qualia Simulation</h4>
|
| 588 |
</div>
|
| 589 |
+
<p class="text-gray-400 mb-4">This interactive visualization represents how SI processes sensory information into structured experience.</p>
|
| 590 |
<div class="space-y-3">
|
| 591 |
<div class="flex items-center">
|
| 592 |
<div class="w-4 h-4 rounded-full bg-indigo-600 mr-2 animate-pulse"></div>
|