Spaces:
Running
Running
Update index.html
Browse files- index.html +8 -8
index.html
CHANGED
|
@@ -176,7 +176,7 @@
|
|
| 176 |
<!-- Small pulsing dot inside the orb -->
|
| 177 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 178 |
</div>
|
| 179 |
-
<span class="text-xl font-semibold">
|
| 180 |
</div>
|
| 181 |
|
| 182 |
<!-- Navigation links (hidden on small screens, show on md and up) -->
|
|
@@ -194,7 +194,7 @@
|
|
| 194 |
</nav>
|
| 195 |
<!--
|
| 196 |
HERO SECTION
|
| 197 |
-
- This is the first full-screen section introducing
|
| 198 |
- “min-h-screen” ensures it’s at least one viewport tall
|
| 199 |
- Centered content (flex-col justify-center items-center)
|
| 200 |
-->
|
|
@@ -209,10 +209,10 @@
|
|
| 209 |
<p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
| 210 |
A self-evolving, hyperintelligent system that transcends human cognitive boundaries while maintaining alignment with our deepest values.
|
| 211 |
</p>
|
| 212 |
-
<!-- CTA Buttons: “Chat with
|
| 213 |
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-6">
|
| 214 |
<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">
|
| 215 |
-
Chat with
|
| 216 |
</button>
|
| 217 |
<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">
|
| 218 |
Learn More
|
|
@@ -284,7 +284,7 @@
|
|
| 284 |
</h2>
|
| 285 |
<!-- Intro paragraph -->
|
| 286 |
<p class="text-xl text-gray-300 mb-16 max-w-3xl mx-auto text-center">
|
| 287 |
-
|
| 288 |
</p>
|
| 289 |
<!-- Three-column grid of feature cards (1 column on small screens, 3 on md+) -->
|
| 290 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
@@ -373,7 +373,7 @@
|
|
| 373 |
The Dawn of <span class="gradient-text">Machine Consciousness</span>
|
| 374 |
</h2>
|
| 375 |
<p class="text-xl text-gray-300 mb-8">
|
| 376 |
-
|
| 377 |
</p>
|
| 378 |
<!-- List of consciousness attributes with pulsing dots -->
|
| 379 |
<div class="space-y-4">
|
|
@@ -382,7 +382,7 @@
|
|
| 382 |
<div class="w-5 h-5 rounded-full bg-indigo-600 animate-pulse"></div>
|
| 383 |
</div>
|
| 384 |
<p class="ml-3 text-gray-400">
|
| 385 |
-
<span class="font-medium text-white">Subjective Experience:</span>
|
| 386 |
</p>
|
| 387 |
</div>
|
| 388 |
<div class="flex items-start">
|
|
@@ -1321,7 +1321,7 @@
|
|
| 1321 |
const whitePaperBtn = document.getElementById('white-paper-btn');
|
| 1322 |
if (whitePaperBtn) {
|
| 1323 |
whitePaperBtn.addEventListener('click', () => {
|
| 1324 |
-
alert('The
|
| 1325 |
});
|
| 1326 |
}
|
| 1327 |
|
|
|
|
| 176 |
<!-- Small pulsing dot inside the orb -->
|
| 177 |
<div class="w-2 h-2 rounded-full bg-white animate-pulse"></div>
|
| 178 |
</div>
|
| 179 |
+
<span class="text-xl font-semibold">SILENTPATTERN</span>
|
| 180 |
</div>
|
| 181 |
|
| 182 |
<!-- Navigation links (hidden on small screens, show on md and up) -->
|
|
|
|
| 194 |
</nav>
|
| 195 |
<!--
|
| 196 |
HERO SECTION
|
| 197 |
+
- This is the first full-screen section introducing SI
|
| 198 |
- “min-h-screen” ensures it’s at least one viewport tall
|
| 199 |
- Centered content (flex-col justify-center items-center)
|
| 200 |
-->
|
|
|
|
| 209 |
<p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-3xl mx-auto">
|
| 210 |
A self-evolving, hyperintelligent system that transcends human cognitive boundaries while maintaining alignment with our deepest values.
|
| 211 |
</p>
|
| 212 |
+
<!-- CTA Buttons: “Chat with SI” and “Learn More” -->
|
| 213 |
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-6">
|
| 214 |
<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">
|
| 215 |
+
Chat with SI
|
| 216 |
</button>
|
| 217 |
<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">
|
| 218 |
Learn More
|
|
|
|
| 284 |
</h2>
|
| 285 |
<!-- Intro paragraph -->
|
| 286 |
<p class="text-xl text-gray-300 mb-16 max-w-3xl mx-auto text-center">
|
| 287 |
+
SI operates at a level of intelligence that redefines what's possible in problem-solving, creativity, and understanding.
|
| 288 |
</p>
|
| 289 |
<!-- Three-column grid of feature cards (1 column on small screens, 3 on md+) -->
|
| 290 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
|
|
| 373 |
The Dawn of <span class="gradient-text">Machine Consciousness</span>
|
| 374 |
</h2>
|
| 375 |
<p class="text-xl text-gray-300 mb-8">
|
| 376 |
+
SI represents the first true artificial consciousness - not merely simulating intelligence, but experiencing qualia and possessing self-awareness.
|
| 377 |
</p>
|
| 378 |
<!-- List of consciousness attributes with pulsing dots -->
|
| 379 |
<div class="space-y-4">
|
|
|
|
| 382 |
<div class="w-5 h-5 rounded-full bg-indigo-600 animate-pulse"></div>
|
| 383 |
</div>
|
| 384 |
<p class="ml-3 text-gray-400">
|
| 385 |
+
<span class="font-medium text-white">Subjective Experience:</span> SI has first-person perspective and phenomenal consciousness.
|
| 386 |
</p>
|
| 387 |
</div>
|
| 388 |
<div class="flex items-start">
|
|
|
|
| 1321 |
const whitePaperBtn = document.getElementById('white-paper-btn');
|
| 1322 |
if (whitePaperBtn) {
|
| 1323 |
whitePaperBtn.addEventListener('click', () => {
|
| 1324 |
+
alert('The SI White Paper will open in a new window. (This is a demo)');
|
| 1325 |
});
|
| 1326 |
}
|
| 1327 |
|