Hugging Face's logo

Spaces:
Rexxavier
/
minvam
Running

App Files Community
minvam / index.html
Rexxavier's picture
Rexxavier
Add 1 files
b4b761f verified
Raw
History Blame Contribute Delete
9.02 kB
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 <meta name="theme-color" content="#1a1a2e">
 <title>Virt-a-Mate Lite | Adult VR Experience</title>
 <script src="https://cdn.tailwindcss.com"></script>
 <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
 <script src="https://unpkg.com/aframe-simple-sun-sky@^1.2.0/simple-sun-sky.js"></script>
 <script src="https://unpkg.com/aframe-extras@6.1.0/dist/aframe-extras.min.js"></script>
 <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
 <style>
 /* Custom styles would go here */
 body {
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #000;
 font-family: 'Arial', sans-serif;
 }
 #ageGate {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.9);
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 color: white;
 }
 .nsfw-badge {
 animation: pulse 2s infinite;
 }
 @keyframes pulse {
 0% { transform: scale(1); }
 50% { transform: scale(1.05); }
 100% { transform: scale(1); }
 }
 .intro-video {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: 10000;
 }
 /* Additional custom styles... */
 </style>
</head>
<body>
 <!-- Age Verification -->
 <div id="ageGate" class="fixed inset-0 z-50 flex items-center justify-center bg-black">
 <div class="bg-gray-900 p-8 rounded-xl max-w-md w-full mx-4 border-2 border-purple-600">
 <div class="text-center mb-6">
 <div class="flex justify-center mb-4">
 <div class="nsfw-badge bg-red-500 text-white px-4 py-1 rounded-full text-lg font-bold">NSFW 18+</div>
 </div>
 <h2 class="text-3xl font-bold mb-4 text-purple-400">ADULT CONTENT WARNING</h2>
 <p class="text-gray-300 mb-2">This application contains explicit sexual content.</p>
 <p class="text-gray-300 mb-4">You must be at least 18 years old to proceed.</p>
 <p class="text-xs text-gray-500">By entering, you confirm you are 18+ and agree to our Terms of Service</p>
 </div>
 <div class="flex flex-col space-y-4">
 <button onclick="verifyAge(true)" class="bg-purple-600 hover:bg-purple-700 text-white py-3 px-6 rounded-lg font-semibold transition text-lg">
 ENTER (18+ ONLY)
 </button>
 <button onclick="verifyAge(false)" class="bg-gray-700 hover:bg-gray-600 text-white py-3 px-6 rounded-lg font-semibold transition">
 EXIT
 </button>
 </div>
 </div>
 </div>
<!-- NSFW Intro Video (hidden initially) -->
 <video id="introVideo" class="intro-video hidden" autoplay muted>
 <source src="placeholder_intro.mp4" type="video/mp4">
 Your browser does not support the video tag.
 </video>
<!-- Main App Container -->
 <div id="mainApp" class="hidden">
 <!-- VR Scene -->
 <a-scene id="vrScene" vr-mode-ui="enabled: false" loading-screen="enabled: false">
 <!-- Environment would be loaded here -->
 <!-- Default characters (Adam and Eve) would be loaded here -->
 <!-- UI elements would be placed here -->
 </a-scene>
<!-- Non-VR UI -->
 <div id="nonVRUI" class="fixed inset-0 flex flex-col items-center justify-center bg-gray-900 text-white">
 <h1 class="text-4xl font-bold mb-8">Virt-a-Mate Lite</h1>
 <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl">
 <div class="bg-gray-800 p-6 rounded-lg">
 <h2 class="text-2xl font-semibold mb-4">Start New Experience</h2>
 <button class="bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded mb-2 w-full">Create New Scene</button>
 <button class="bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded mb-2 w-full">Load Saved Scene</button>
 <button class="bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded mb-2 w-full">Quick Start (Adam & Eve)</button>
 </div>
 <div class="bg-gray-800 p-6 rounded-lg">
 <h2 class="text-2xl font-semibold mb-4">Game Modes</h2>
 <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded mb-2 w-full">Story Mode</button>
 <button class="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded mb-2 w-full">Free Play</button>
 <button class="bg-red-600 hover:bg-red-700 text-white py-2 px-4 rounded mb-2 w-full">Truth or Dare</button>
 </div>
 </div>
 <div class="mt-8">
 <button id="enterVR" class="bg-purple-800 hover:bg-purple-900 text-white py-3 px-8 rounded-lg font-semibold transition text-lg">
 ENTER VR MODE
 </button>
 </div>
 </div>
 </div>
<script>
 // Age verification
 function verifyAge(isAdult) {
 const ageGate = document.getElementById('ageGate');
 const introVideo = document.getElementById('introVideo');
 const mainApp = document.getElementById('mainApp');
if (isAdult) {
 // Show NSFW intro video
 ageGate.style.display = 'none';
 introVideo.classList.remove('hidden');
// After video ends, show main app
 introVideo.onended = function() {
 introVideo.classList.add('hidden');
 mainApp.classList.remove('hidden');
 initApp();
 };
// Store verification in localStorage
 localStorage.setItem('ageVerified', 'true');
 } else {
 // Redirect to safe site
 window.location.href = 'https://www.google.com';
 }
 }
// Initialize the app
 function initApp() {
 // Check VR capabilities
 if (navigator.xr) {
 navigator.xr.isSessionSupported('immersive-vr').then(function(supported) {
 if (supported) {
 document.getElementById('nonVRUI').style.display = 'none';
 }
 });
 }
// Enter VR button
 document.getElementById('enterVR').addEventListener('click', function() {
 const scene = document.getElementById('vrScene');
 if (scene.hasLoaded) {
 scene.enterVR();
 }
 });
// Initialize default characters and environment
 loadDefaultCharacters();
 loadEnvironment('apartment');
 }
// Load default characters (Adam and Eve)
 function loadDefaultCharacters() {
 // This would load the 3D models for Adam and Eve
 console.log("Loading default characters...");
 }
// Load environment
 function loadEnvironment(env) {
 // This would load the selected environment
 console.log("Loading environment: " + env);
 }
 // Check if already verified when page loads
 document.addEventListener('DOMContentLoaded', function() {
 if (localStorage.getItem('ageVerified') === 'true') {
 document.getElementById('ageGate').style.display = 'none';
 document.getElementById('mainApp').classList.remove('hidden');
 initApp();
 }
 });
 </script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Rexxavier/minvam" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>