Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Microsoft Windows 2040</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @keyframes flicker { | |
| 0% { opacity: 0.8; } | |
| 50% { opacity: 1; } | |
| 100% { opacity: 0.8; } | |
| } | |
| .flicker { | |
| animation: flicker 2s infinite; | |
| } | |
| .glow { | |
| box-shadow: 0 0 15px rgba(0, 255, 255, 0.7); | |
| } | |
| .ad-banner { | |
| background: linear-gradient(90deg, #ff00cc, #3333ff); | |
| color: white; | |
| } | |
| .subscription-tier { | |
| border: 2px solid; | |
| border-image: linear-gradient(45deg, #ff00cc, #3333ff) 1; | |
| } | |
| .neon-text { | |
| text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white h-screen overflow-hidden font-sans"> | |
| <!-- Taskbar --> | |
| <div class="absolute bottom-0 left-0 right-0 bg-gray-800 bg-opacity-90 backdrop-blur-sm h-12 flex items-center px-4 z-50 border-t border-gray-600"> | |
| <button id="startButton" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-1 rounded-md mr-4 flex items-center"> | |
| <i class="fab fa-microsoft mr-2"></i> Start | |
| </button> | |
| <div class="flex space-x-2"> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-3 py-1 rounded flex items-center" id="explorerBtn"> | |
| <i class="fas fa-folder mr-2"></i> Explorer | |
| </button> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-3 py-1 rounded flex items-center" id="edgeBtn"> | |
| <i class="fab fa-edge mr-2"></i> Edge | |
| </button> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-3 py-1 rounded flex items-center" id="storeBtn"> | |
| <i class="fas fa-shopping-bag mr-2"></i> Store | |
| </button> | |
| </div> | |
| <div class="ml-auto flex items-center space-x-4"> | |
| <div class="text-sm"> | |
| <span id="time">12:00 PM</span> | |
| </div> | |
| <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center"> | |
| <i class="fas fa-user"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Desktop Icons --> | |
| <div class="p-4 grid grid-cols-1 gap-4 w-32 absolute left-0 top-4"> | |
| <div class="flex flex-col items-center cursor-pointer"> | |
| <div class="w-12 h-12 bg-blue-600 rounded-md flex items-center justify-center mb-1"> | |
| <i class="fas fa-recycle text-xl"></i> | |
| </div> | |
| <span class="text-xs text-center">Recycle Bin</span> | |
| </div> | |
| <div class="flex flex-col items-center cursor-pointer" id="documentsBtn"> | |
| <div class="w-12 h-12 bg-green-600 rounded-md flex items-center justify-center mb-1"> | |
| <i class="fas fa-file-alt text-xl"></i> | |
| </div> | |
| <span class="text-xs text-center">Documents</span> | |
| </div> | |
| <div class="flex flex-col items-center cursor-pointer" id="settingsBtn"> | |
| <div class="w-12 h-12 bg-purple-600 rounded-md flex items-center justify-center mb-1"> | |
| <i class="fas fa-cog text-xl"></i> | |
| </div> | |
| <span class="text-xs text-center">Settings</span> | |
| </div> | |
| </div> | |
| <!-- Random Ad Banner --> | |
| <div class="absolute top-4 right-4 ad-banner p-2 rounded-md flex items-center flicker" id="randomAd"> | |
| <i class="fas fa-exclamation-triangle mr-2"></i> | |
| <span>Your system is not compatible! Upgrade to TPM 4.0 and RTX 8090 Ti now!</span> | |
| <button class="ml-4 bg-yellow-500 text-black px-2 py-1 rounded text-xs">Upgrade</button> | |
| </div> | |
| <!-- Start Menu Modal --> | |
| <div id="startMenuModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50"> | |
| <div class="bg-gray-800 rounded-lg w-96 overflow-hidden border border-gray-600"> | |
| <div class="bg-gray-900 p-4 flex justify-between items-center"> | |
| <h3 class="text-lg font-semibold">Start Menu Access</h3> | |
| <button id="closeStartMenu" class="text-gray-400 hover:text-white">×</button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-lock text-yellow-500 text-2xl mr-3"></i> | |
| <div> | |
| <h4 class="font-medium">Start Menu is a premium feature</h4> | |
| <p class="text-sm text-gray-400">Subscribe to access the Start Menu</p> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <div class="bg-gray-700 p-4 rounded-lg mb-3 subscription-tier"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <h4 class="font-medium">Basic Start</h4> | |
| <span class="bg-blue-600 text-white text-xs px-2 py-1 rounded">Popular</span> | |
| </div> | |
| <p class="text-sm text-gray-300 mb-2">Limited access to 5 apps</p> | |
| <p class="text-xl font-bold">€10.99<span class="text-sm text-gray-400">/month</span></p> | |
| <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded mt-2">Subscribe</button> | |
| </div> | |
| <div class="bg-gray-700 p-4 rounded-lg subscription-tier"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <h4 class="font-medium">Ultimate Start</h4> | |
| <span class="bg-purple-600 text-white text-xs px-2 py-1 rounded">Best Value</span> | |
| </div> | |
| <p class="text-sm text-gray-300 mb-2">Full access + AI assistant</p> | |
| <p class="text-xl font-bold">€24.99<span class="text-sm text-gray-400">/month</span></p> | |
| <button class="w-full bg-purple-600 hover:bg-purple-700 text-white py-2 rounded mt-2">Subscribe</button> | |
| </div> | |
| </div> | |
| <p class="text-xs text-gray-500">* By subscribing, you agree to our 20-year commitment plan. Early termination fee of €999 applies.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- File Explorer Modal --> | |
| <div id="explorerModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50"> | |
| <div class="bg-gray-800 rounded-lg w-1/2 overflow-hidden border border-gray-600"> | |
| <div class="bg-gray-900 p-4 flex justify-between items-center"> | |
| <h3 class="text-lg font-semibold">File Explorer Access</h3> | |
| <button id="closeExplorer" class="text-gray-400 hover:text-white">×</button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="grid grid-cols-2 gap-4 mb-6"> | |
| <div class="bg-gray-700 p-6 rounded-lg flex flex-col items-center justify-center cursor-pointer hover:bg-gray-600" id="freeExplorer"> | |
| <i class="fas fa-file text-4xl mb-3 text-blue-400"></i> | |
| <h4 class="font-medium mb-1">Free Version</h4> | |
| <p class="text-sm text-gray-300 text-center mb-3">View only 3 files per folder. No edit or delete.</p> | |
| <button class="bg-gray-600 hover:bg-gray-500 text-white px-4 py-2 rounded">Select</button> | |
| </div> | |
| <div class="bg-blue-900 p-6 rounded-lg flex flex-col items-center justify-center cursor-pointer glow" id="premiumExplorer"> | |
| <i class="fas fa-star text-4xl mb-3 text-yellow-400"></i> | |
| <h4 class="font-medium mb-1">Premium Version</h4> | |
| <p class="text-sm text-gray-300 text-center mb-3">Full access to all files. AI-powered organization.</p> | |
| <p class="text-xl font-bold mb-3">€499<span class="text-sm text-gray-400">/day</span></p> | |
| <button class="bg-yellow-500 hover:bg-yellow-600 text-black px-4 py-2 rounded font-bold">Subscribe</button> | |
| </div> | |
| </div> | |
| <div class="bg-gray-700 p-4 rounded-lg"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-bolt text-yellow-500 mr-3"></i> | |
| <div> | |
| <h4 class="font-medium">Turbo Boost</h4> | |
| <p class="text-sm text-gray-300">Add €99/day for 10% faster file operations</p> | |
| </div> | |
| <button class="ml-auto bg-gray-600 hover:bg-gray-500 text-white px-3 py-1 rounded text-sm">Add</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Incompatible Hardware Modal --> | |
| <div id="hardwareModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50"> | |
| <div class="bg-gray-800 rounded-lg w-1/2 overflow-hidden border border-red-500"> | |
| <div class="bg-red-900 p-4 flex justify-between items-center"> | |
| <h3 class="text-lg font-semibold">Critical System Alert</h3> | |
| <button id="closeHardware" class="text-gray-400 hover:text-white">×</button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-start mb-6"> | |
| <i class="fas fa-exclamation-circle text-red-500 text-4xl mr-4"></i> | |
| <div> | |
| <h4 class="font-bold text-xl mb-2 neon-text">YOUR SYSTEM IS OUTDATED</h4> | |
| <p class="text-gray-300 mb-2">Windows 2040 requires the following minimum specifications:</p> | |
| <ul class="list-disc list-inside text-gray-400 mb-4"> | |
| <li>TPM 4.0 Security Chip</li> | |
| <li>NVIDIA RTX 8090 Ti GPU with 90TB VRAM</li> | |
| <li>Quantum Processor Q-9000</li> | |
| <li>1PB SSD Storage</li> | |
| <li>Microsoft Neuralink Integration</li> | |
| </ul> | |
| <p class="text-red-400">Your current system is running at 0.1% efficiency.</p> | |
| </div> | |
| </div> | |
| <div class="bg-gray-700 p-4 rounded-lg mb-4"> | |
| <h4 class="font-medium mb-3">Recommended Upgrades</h4> | |
| <div class="flex justify-between items-center mb-2"> | |
| <div> | |
| <p class="font-medium">Microsoft Ultimate Upgrade Package</p> | |
| <p class="text-sm text-gray-400">Includes all required hardware + installation</p> | |
| </div> | |
| <div class="text-right"> | |
| <p class="text-xl font-bold">€9,999<span class="text-sm text-gray-400">/month</span></p> | |
| <p class="text-xs text-gray-500">* 36-month lease</p> | |
| </div> | |
| </div> | |
| <button class="w-full bg-red-600 hover:bg-red-700 text-white py-2 rounded font-bold">Purchase Now</button> | |
| </div> | |
| <p class="text-xs text-gray-500">System performance will degrade by 10% daily until upgrades are installed.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Edge Browser Subscription --> | |
| <div id="edgeModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50"> | |
| <div class="bg-gray-800 rounded-lg w-1/2 overflow-hidden border border-blue-500"> | |
| <div class="bg-blue-900 p-4 flex justify-between items-center"> | |
| <h3 class="text-lg font-semibold">Microsoft Edge Premium</h3> | |
| <button id="closeEdge" class="text-gray-400 hover:text-white">×</button> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-6"> | |
| <i class="fab fa-edge text-blue-400 text-4xl mr-4"></i> | |
| <div> | |
| <h4 class="font-bold text-xl mb-1">Experience the web without limits</h4> | |
| <p class="text-gray-300">The free version of Edge only allows loading 3 web pages per day.</p> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-3 gap-4 mb-6"> | |
| <div class="bg-gray-700 p-4 rounded-lg"> | |
| <h5 class="font-medium mb-2">Basic</h5> | |
| <p class="text-sm text-gray-300 mb-3">10 pages/day</p> | |
| <p class="text-xl font-bold">€7.99<span class="text-sm text-gray-400">/day</span></p> | |
| <button class="w-full bg-gray-600 hover:bg-gray-500 text-white py-1 rounded mt-2 text-sm">Select</button> | |
| </div> | |
| <div class="bg-blue-900 p-4 rounded-lg glow"> | |
| <div class="flex justify-between items-start"> | |
| <h5 class="font-medium mb-2">Pro</h5> | |
| <span class="bg-yellow-500 text-black text-xs px-2 py-1 rounded">Popular</span> | |
| </div> | |
| <p class="text-sm text-gray-300 mb-3">Unlimited pages + 2 ad-free hours</p> | |
| <p class="text-xl font-bold">€19.99<span class="text-sm text-gray-400">/day</span></p> | |
| <button class="w-full bg-blue-600 hover:bg-blue-700 text-white py-1 rounded mt-2 text-sm">Select</button> | |
| </div> | |
| <div class="bg-purple-900 p-4 rounded-lg"> | |
| <h5 class="font-medium mb-2">Ultimate</h5> | |
| <p class="text-sm text-gray-300 mb-3">Unlimited everything + AI assistant</p> | |
| <p class="text-xl font-bold">€49.99<span class="text-sm text-gray-400">/day</span></p> | |
| <button class="w-full bg-purple-600 hover:bg-purple-700 text-white py-1 rounded mt-2 text-sm">Select</button> | |
| </div> | |
| </div> | |
| <div class="bg-gray-700 p-3 rounded-lg flex items-center"> | |
| <i class="fas fa-shield-alt text-green-500 mr-3"></i> | |
| <p class="text-sm">Add €9.99/day for premium security features</p> | |
| <button class="ml-auto bg-gray-600 hover:bg-gray-500 text-white px-2 py-1 rounded text-xs">Add</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Random Popup Ad --> | |
| <div id="randomPopup" class="hidden fixed bottom-4 right-4 bg-gray-800 rounded-lg w-64 overflow-hidden border border-yellow-500 z-40"> | |
| <div class="bg-yellow-900 p-2 flex justify-between items-center"> | |
| <h3 class="text-sm font-semibold">Special Offer!</h3> | |
| <button id="closePopup" class="text-gray-400 hover:text-white text-xs">Close (€0.99)</button> | |
| </div> | |
| <div class="p-3"> | |
| <p class="text-sm mb-2">Your system qualifies for a limited-time upgrade to Windows 2040 Platinum!</p> | |
| <div class="flex items-center mb-2"> | |
| <i class="fas fa-gem text-blue-400 mr-2"></i> | |
| <span class="text-xs">Only €299/day for the first 30 days (then €999/day)</span> | |
| </div> | |
| <button class="w-full bg-yellow-600 hover:bg-yellow-700 text-black py-1 rounded text-sm font-bold">Upgrade Now</button> | |
| </div> | |
| </div> | |
| <!-- Desktop Notification --> | |
| <div id="desktopNotification" class="hidden fixed top-4 left-1/2 transform -translate-x-1/2 bg-gray-800 rounded-md p-3 shadow-lg border-l-4 border-red-500 flex items-start max-w-md z-40"> | |
| <i class="fas fa-exclamation-circle text-red-500 mr-3 mt-1"></i> | |
| <div> | |
| <h4 class="font-medium mb-1">Action Required</h4> | |
| <p class="text-sm text-gray-300">Your free trial of Right-Click functionality has expired. Subscribe now for €4.99/day or lose right-click privileges.</p> | |
| <div class="flex space-x-2 mt-2"> | |
| <button class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded text-xs">Subscribe</button> | |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-3 py-1 rounded text-xs" id="closeNotification">Remind me later (€0.99)</button> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| // Update time | |
| function updateTime() { | |
| const now = new Date(); | |
| let hours = now.getHours(); | |
| const minutes = now.getMinutes().toString().padStart(2, '0'); | |
| const ampm = hours >= 12 ? 'PM' : 'AM'; | |
| hours = hours % 12; | |
| hours = hours ? hours : 12; | |
| document.getElementById('time').textContent = `${hours}:${minutes} ${ampm}`; | |
| } | |
| setInterval(updateTime, 1000); | |
| updateTime(); | |
| // Modal controls | |
| document.getElementById('startButton').addEventListener('click', () => { | |
| document.getElementById('startMenuModal').classList.remove('hidden'); | |
| setTimeout(showRandomAd, 1500); | |
| }); | |
| document.getElementById('closeStartMenu').addEventListener('click', () => { | |
| document.getElementById('startMenuModal').classList.add('hidden'); | |
| }); | |
| document.getElementById('explorerBtn').addEventListener('click', () => { | |
| document.getElementById('explorerModal').classList.remove('hidden'); | |
| setTimeout(showRandomAd, 1500); | |
| }); | |
| document.getElementById('closeExplorer').addEventListener('click', () => { | |
| document.getElementById('explorerModal').classList.add('hidden'); | |
| }); | |
| document.getElementById('edgeBtn').addEventListener('click', () => { | |
| document.getElementById('edgeModal').classList.remove('hidden'); | |
| setTimeout(showRandomAd, 1500); | |
| }); | |
| document.getElementById('closeEdge').addEventListener('click', () => { | |
| document.getElementById('edgeModal').classList.add('hidden'); | |
| }); | |
| document.getElementById('freeExplorer').addEventListener('click', () => { | |
| alert("You've selected the free version of File Explorer. You can only view 3 files per folder. Upgrade to Premium for full access!"); | |
| document.getElementById('explorerModal').classList.add('hidden'); | |
| setTimeout(showHardwareWarning, 2000); | |
| }); | |
| document.getElementById('premiumExplorer').addEventListener('click', () => { | |
| alert("Thank you for choosing Premium File Explorer! Your credit card will be charged €499 daily. A Microsoft representative will contact you shortly to upsell additional features."); | |
| document.getElementById('explorerModal').classList.add('hidden'); | |
| }); | |
| document.getElementById('documentsBtn').addEventListener('click', () => { | |
| alert("Access to Documents requires the 'Productivity Package' subscription for €14.99/day. Would you like to subscribe now?"); | |
| setTimeout(showDesktopNotification, 1500); | |
| }); | |
| document.getElementById('settingsBtn').addEventListener('click', () => { | |
| alert("System Settings access requires 'Admin Privileges Subscription' for €29.99/hour. Your current balance: €0.00"); | |
| setTimeout(showRandomPopup, 1500); | |
| }); | |
| document.getElementById('closeHardware').addEventListener('click', () => { | |
| document.getElementById('hardwareModal').classList.add('hidden'); | |
| }); | |
| document.getElementById('closePopup').addEventListener('click', () => { | |
| document.getElementById('randomPopup').classList.add('hidden'); | |
| }); | |
| document.getElementById('closeNotification').addEventListener('click', () => { | |
| document.getElementById('desktopNotification').classList.add('hidden'); | |
| }); | |
| // Random ad/show functions | |
| function showRandomAd() { | |
| document.getElementById('randomAd').classList.remove('hidden'); | |
| setTimeout(() => { | |
| document.getElementById('randomAd').classList.add('hidden'); | |
| }, 5000); | |
| } | |
| function showHardwareWarning() { | |
| document.getElementById('hardwareModal').classList.remove('hidden'); | |
| } | |
| function showRandomPopup() { | |
| document.getElementById('randomPopup').classList.remove('hidden'); | |
| } | |
| function showDesktopNotification() { | |
| document.getElementById('desktopNotification').classList.remove('hidden'); | |
| } | |
| // Show random modals periodically | |
| setInterval(() => { | |
| const modals = ['hardwareModal', 'randomPopup', 'desktopNotification']; | |
| const randomModal = modals[Math.floor(Math.random() * modals.length)]; | |
| document.getElementById(randomModal).classList.remove('hidden'); | |
| // Auto-close after some time | |
| setTimeout(() => { | |
| document.getElementById(randomModal).classList.add('hidden'); | |
| }, 10000); | |
| }, 20000); | |
| // Initial ads | |
| setTimeout(showHardwareWarning, 3000); | |
| setTimeout(showDesktopNotification, 8000); | |
| setTimeout(showRandomPopup, 12000); | |
| </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=PrinzPesia/windows-2040" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |