Spaces:
Running
Running
| <html><head><base href="https://websim.ai/alienanthropologist" /><title>Alien Anthropologist - Analyzing Human Culture</title><style> | |
| body { | |
| font-family: 'Space Mono', monospace; | |
| line-height: 1.6; | |
| color: #E0E0E0; | |
| max-width: 900px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| background-color: #0A0A0A; | |
| background-image: | |
| radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px), | |
| radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px), | |
| radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px), | |
| radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px); | |
| background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; | |
| background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; | |
| } | |
| h1, h2 { | |
| color: #4CAF50; | |
| text-shadow: 0 0 10px rgba(76, 175, 80, 0.5); | |
| } | |
| h1 { | |
| text-align: center; | |
| font-size: 2.5em; | |
| margin-bottom: 20px; | |
| } | |
| .container { | |
| background-color: rgba(18, 18, 18, 0.8); | |
| border-radius: 15px; | |
| padding: 30px; | |
| box-shadow: 0 0 20px rgba(76, 175, 80, 0.3); | |
| } | |
| textarea { | |
| width: 100%; | |
| height: 100px; | |
| margin-bottom: 20px; | |
| padding: 10px; | |
| border: 1px solid #4CAF50; | |
| border-radius: 8px; | |
| background-color: #1E1E1E; | |
| color: #E0E0E0; | |
| font-family: 'Space Mono', monospace; | |
| } | |
| button { | |
| background-color: #4CAF50; | |
| color: white; | |
| border: none; | |
| padding: 10px 20px; | |
| text-align: center; | |
| text-decoration: none; | |
| display: inline-block; | |
| font-size: 16px; | |
| margin: 4px 2px; | |
| cursor: pointer; | |
| border-radius: 8px; | |
| transition: background-color 0.3s, transform 0.1s; | |
| } | |
| button:hover { | |
| background-color: #45a049; | |
| transform: scale(1.05); | |
| } | |
| #output { | |
| margin-top: 20px; | |
| padding: 20px; | |
| background-color: rgba(30, 30, 30, 0.8); | |
| border-left: 5px solid #4CAF50; | |
| border-radius: 8px; | |
| font-style: italic; | |
| } | |
| .footer { | |
| margin-top: 30px; | |
| text-align: center; | |
| font-size: 0.9em; | |
| color: #888; | |
| } | |
| #customInput { | |
| margin-bottom: 10px; | |
| } | |
| </style></head><body> | |
| <div class="container"> | |
| <h1>Alien Anthropologist</h1> | |
| <p>Greetings, fellow xenoanthropologist! Welcome to our interstellar cultural analysis platform. Here, we dissect and interpret the peculiar behaviors and customs of the species known as "humans" on the planet they call "Earth". Input your observations below, and our advanced AI will provide an alien perspective on these fascinating creatures.</p> | |
| <h2>Enter Human Behavior or Custom:</h2> | |
| <textarea id="customInput" placeholder="Describe a human behavior or custom here..."></textarea> | |
| <button onclick="analyzeCustom()">Analyze Custom Input</button> | |
| <h2>Or Choose a Pre-defined Topic:</h2> | |
| <select id="topicSelect"> | |
| <option value="social_media">Social Media Usage</option> | |
| <option value="fast_food">Fast Food Consumption</option> | |
| <option value="holidays">Holiday Celebrations</option> | |
| <option value="sports">Sports and Athletics</option> | |
| <option value="fashion">Fashion and Clothing</option> | |
| </select> | |
| <button onclick="analyzeTopic()">Analyze Selected Topic</button> | |
| <div id="output"></div> | |
| <h2>Our Mission:</h2> | |
| <ul> | |
| <li>Observe and document human behaviors without interference</li> | |
| <li>Analyze cultural practices from an unbiased, extraterrestrial perspective</li> | |
| <li>Develop a comprehensive understanding of Earth's dominant species</li> | |
| <li>Prepare reports for the Galactic Anthropological Society</li> | |
| <li>Maintain our cloaking devices at all times to avoid detection</li> | |
| </ul> | |
| </div> | |
| <div class="footer"> | |
| <p>© 2023 Alien Anthropologist | <a href="https://websim.ai/alienanthropologist/about">About Our Mission</a> | <a href="https://websim.ai/alienanthropologist/contact">Contact the Mothership</a></p> | |
| </div> | |
| <script> | |
| function analyzeCustom() { | |
| const customInput = document.getElementById('customInput').value; | |
| const outputDiv = document.getElementById('output'); | |
| let analysis = "Xenoanthropological Analysis Report:\n\n"; | |
| analysis += "Subject: " + customInput + "\n\n"; | |
| analysis += "Observation: The humans appear to engage in a behavior known as '" + customInput + "'. This practice is most intriguing and requires further study.\n\n"; | |
| analysis += "Preliminary Analysis: Based on our current understanding of human society, this behavior might serve the purpose of [generated purpose]. It's possible that this is related to their [generated aspect] social structures or [generated aspect] biological needs.\n\n"; | |
| analysis += "Recommendations: Deploy more probe droids to gather additional data on this custom. Consider interviewing abducted specimens about this practice during routine examinations.\n\n"; | |
| analysis += "Note to Galactic Anthropological Society: Exercise caution when interpreting this behavior. Remember the Zygon Incident of Cosmic Cycle 7726, where we mistook a human sneeze for a declaration of war."; | |
| outputDiv.innerHTML = analysis; | |
| } | |
| function analyzeTopic() { | |
| const topic = document.getElementById('topicSelect').value; | |
| const outputDiv = document.getElementById('output'); | |
| let analysis = "Xenoanthropological Analysis Report:\n\n"; | |
| analysis += "Subject: " + topic.replace('_', ' ').toUpperCase() + "\n\n"; | |
| switch(topic) { | |
| case 'social_media': | |
| analysis += "Observation: Humans appear to be obsessed with digital platforms they call 'social media'. They spend hours staring at small rectangular devices, seemingly communicating with others who are not physically present.\n\n"; | |
| analysis += "Analysis: This behavior might be a form of telepathic training, or perhaps a mass surveillance system they've willingly accepted. The concept of 'likes' and 'followers' suggests a rudimentary social hierarchy system.\n\n"; | |
| break; | |
| case 'fast_food': | |
| analysis += "Observation: Humans frequently consume nutrient packages they call 'fast food'. These are often acquired through a bizarre ritual involving speaking into a device, then driving a combustion-powered vehicle to a window to exchange currency for the food.\n\n"; | |
| analysis += "Analysis: This could be a form of chemical addiction, or perhaps a sacrificial offering to their vehicle deities. The speed at which they consume these packages is alarmingly inefficient for proper nutrient absorption.\n\n"; | |
| break; | |
| // Add more cases for other topics | |
| } | |
| analysis += "Recommendations: Continue monitoring this behavior. Consider introducing our own platform/restaurant to gather more direct data.\n\n"; | |
| analysis += "Note: Remember, we are here to observe, not to judge. No matter how ridiculous their customs may seem."; | |
| outputDiv.innerHTML = analysis; | |
| } | |
| </script> | |
| </body></html> |