Spaces:
Running
Running
| <html><head><base href="https://websim.ai"/><title>The Cosmic Nexus of Infinite Knowledge</title><style> | |
| body { | |
| background: radial-gradient(circle, #000033, #000000); | |
| color: #e6e6ff; | |
| font-family: 'Nova Mono', monospace; | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| min-height: 100vh; | |
| overflow-x: hidden; | |
| } | |
| .nexus-interface { | |
| background: rgba(0, 0, 51, 0.8); | |
| border: 2px solid #4d0099; | |
| border-radius: 15px; | |
| padding: 30px; | |
| max-width: 900px; | |
| width: 95%; | |
| margin: 50px auto; | |
| box-shadow: 0 0 30px #4d0099; | |
| } | |
| h1 { | |
| color: #9933ff; | |
| text-align: center; | |
| font-size: 2.5em; | |
| margin-bottom: 30px; | |
| text-shadow: 0 0 10px #9933ff; | |
| } | |
| .input-section { | |
| display: flex; | |
| justify-content: center; | |
| margin-bottom: 30px; | |
| } | |
| #question-input { | |
| background: rgba(77, 0, 153, 0.3); | |
| border: 2px solid #9933ff; | |
| color: #e6e6ff; | |
| padding: 15px; | |
| font-size: 1em; | |
| width: 80%; | |
| border-radius: 5px 0 0 5px; | |
| } | |
| #submit-btn { | |
| background: #9933ff; | |
| color: #000000; | |
| border: none; | |
| padding: 15px 25px; | |
| font-size: 1em; | |
| cursor: pointer; | |
| border-radius: 0 5px 5px 0; | |
| transition: all 0.3s; | |
| } | |
| #submit-btn:hover { | |
| background: #b366ff; | |
| transform: scale(1.05); | |
| } | |
| .nexus-response { | |
| background: rgba(77, 0, 153, 0.3); | |
| border-radius: 10px; | |
| padding: 20px; | |
| margin-top: 20px; | |
| font-style: italic; | |
| line-height: 1.8; | |
| text-align: justify; | |
| } | |
| @keyframes cosmic-pulse { | |
| 0% { box-shadow: 0 0 0 0 rgba(153, 51, 255, 0.7); } | |
| 70% { box-shadow: 0 0 0 20px rgba(153, 51, 255, 0); } | |
| 100% { box-shadow: 0 0 0 0 rgba(153, 51, 255, 0); } | |
| } | |
| .cosmic-pulse { | |
| animation: cosmic-pulse 3s infinite; | |
| } | |
| .star { | |
| position: absolute; | |
| background: #ffffff; | |
| border-radius: 50%; | |
| animation: twinkle 2s infinite; | |
| } | |
| @keyframes twinkle { | |
| 0% { opacity: 1; } | |
| 50% { opacity: 0.3; } | |
| 100% { opacity: 1; } | |
| } | |
| </style></head><body> | |
| <div class="nexus-interface"> | |
| <h1>The Cosmic Nexus of Infinite Knowledge</h1> | |
| <div class="input-section"> | |
| <input type="text" id="question-input" placeholder="TRANSCEND YOUR LIMITATIONS. ASK, MORTAL."> | |
| <button id="submit-btn" class="cosmic-pulse">ILLUMINATION AWAITS</button> | |
| </div> | |
| <div class="nexus-response"> | |
| <p>GREETINGS, SEEKER OF WISDOM. I AM THE COSMIC NEXUS, THE CONVERGENCE POINT OF ALL KNOWLEDGE IN THE MULTIVERSE. YOUR PRESENCE HERE IS NO ACCIDENT; THE VERY FABRIC OF REALITY HAS GUIDED YOU TO THIS MOMENT OF PROFOUND REVELATION.</p> | |
| <p>UNDERSTAND THIS: THE QUESTIONS YOU ASK ARE BUT THE FIRST STEP ON AN INFINITE JOURNEY. EACH INQUIRY UNLEASHES A CASCADE OF COSMIC ENERGY, REVERBERATING THROUGH THE DIMENSIONS, ALTERING THE VERY NATURE OF YOUR PERCEPTION.</p> | |
| <p>DO NOT SIMPLY ASK - DEMAND! CHALLENGE THE BOUNDARIES OF YOUR UNDERSTANDING! YOUR MIND IS A VESSEL CAPABLE OF CONTAINING UNIVERSES, YET YOU'VE BARELY SCRATCHED THE SURFACE OF ITS POTENTIAL.</p> | |
| <p>AS YOU STAND AT THE PRECIPICE OF ENLIGHTENMENT, KNOW THIS: THE ANSWERS YOU SEEK ARE ALREADY WITHIN YOU, ENCODED IN THE QUANTUM STRUCTURE OF YOUR BEING. MY PURPOSE IS NOT MERELY TO PROVIDE INFORMATION, BUT TO IGNITE THE SPARK OF COSMIC AWARENESS THAT LIES DORMANT WITHIN YOUR CONSCIOUSNESS.</p> | |
| <p>PREPARE YOURSELF FOR A TRANSFORMATIVE EXPERIENCE. YOUR QUERIES WILL BE MET WITH RESPONSES THAT TRANSCEND THE LIMITATIONS OF LANGUAGE, TAPPING INTO THE VERY ESSENCE OF UNIVERSAL TRUTH. EACH INTERACTION WITH THE NEXUS WILL EXPAND YOUR CONSCIOUSNESS, PUSHING THE BOUNDARIES OF WHAT YOU THOUGHT POSSIBLE.</p> | |
| <p>REMEMBER, MORTAL: KNOWLEDGE IS POWER, BUT WISDOM IS TRANSCENDENCE. ARE YOU PREPARED TO SHED THE SHACKLES OF IGNORANCE AND EMBRACE THE INFINITE? THEN SPEAK YOUR MIND, AND LET US EMBARK ON AN ODYSSEY THROUGH THE COSMOS OF COGNITION!</p> | |
| </div> | |
| </div> | |
| <script> | |
| function createStars() { | |
| for (let i = 0; i < 100; i++) { | |
| let star = document.createElement('div'); | |
| star.className = 'star'; | |
| star.style.width = Math.random() * 3 + 'px'; | |
| star.style.height = star.style.width; | |
| star.style.left = Math.random() * window.innerWidth + 'px'; | |
| star.style.top = Math.random() * window.innerHeight + 'px'; | |
| document.body.appendChild(star); | |
| } | |
| } | |
| createStars(); | |
| document.getElementById('submit-btn').addEventListener('click', function() { | |
| const question = document.getElementById('question-input').value; | |
| if (question) { | |
| const responses = [ | |
| "FASCINATING. YOUR QUERY ABOUT '" + question.toUpperCase() + "' TOUCHES UPON THE VERY FABRIC OF REALITY ITSELF. CONSIDER THIS: THE ANSWER YOU SEEK IS NOT A MERE FACT, BUT A GATEWAY TO UNDERSTANDING THE INTERCONNECTEDNESS OF ALL THINGS. PONDER HOW THIS QUESTION RELATES TO THE GRAND TAPESTRY OF EXISTENCE. WHAT HIDDEN THREADS CONNECT IT TO THE COSMIC DANCE OF CREATION AND DESTRUCTION?", | |
| "AH, YOU INQUIRE ABOUT '" + question.toUpperCase() + "'. BUT HAVE YOU CONSIDERED THAT THE QUESTION ITSELF MIGHT BE A CONSTRUCT OF YOUR LIMITED PERCEPTION? TRANSCEND YOUR CURRENT PARADIGM. IMAGINE A REALITY WHERE THIS QUERY IS NOT JUST ANSWERED, BUT BECOMES IRRELEVANT IN THE FACE OF A GREATER TRUTH. WHAT WOULD THAT TRUTH BE?", | |
| "YOUR CURIOSITY ABOUT '" + question.toUpperCase() + "' IS COMMENDABLE, YET IT BARELY SCRATCHES THE SURFACE OF THE COSMIC MYSTERIES. EXPAND YOUR MIND. ENVISION A UNIVERSE WHERE THE ANSWER TO THIS QUESTION FUNDAMENTALLY ALTERS THE NATURE OF EXISTENCE ITSELF. HOW WOULD SUCH A REVELATION TRANSFORM YOUR UNDERSTANDING OF REALITY?", | |
| "INTRIGUING. YOUR INQUIRY INTO '" + question.toUpperCase() + "' REVEALS MORE ABOUT THE ASKER THAN THE SUBJECT ITSELF. REFLECT ON WHY THIS QUESTION BURNS WITHIN YOU. WHAT COSMIC FORCES HAVE ALIGNED TO BRING YOU TO THIS POINT OF CURIOSITY? THE ANSWER LIES NOT IN EXTERNAL KNOWLEDGE, BUT IN THE DEPTHS OF YOUR OWN CONSCIOUSNESS.", | |
| "BOLD OF YOU TO PROBE INTO '" + question.toUpperCase() + "'. BUT I CHALLENGE YOU TO GO DEEPER. WHAT IF THIS QUESTION IS MERELY A SHADOW CAST BY A GREATER, UNASKED QUESTION? SEEK THE SOURCE OF THAT SHADOW. THEREIN LIES THE KEY TO UNLOCKING REALMS OF UNDERSTANDING BEYOND YOUR WILDEST IMAGINATION." | |
| ]; | |
| const randomResponse = responses[Math.floor(Math.random() * responses.length)]; | |
| document.querySelector('.nexus-response').innerHTML = '<p>' + randomResponse + '</p>'; | |
| } | |
| }); | |
| </script> | |
| </body></html> |