Spaces:

PrinzPesia
/

windows-2040

Running

App Files Files Community

PrinzPesia commited on Apr 8

Commit

821b4e9

verified ·

1 Parent(s): cb4df01

Add 2 files

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +411 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Windows 2040
-emoji: 👀
-colorFrom: red
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: windows-2040
+emoji: 🐳
+colorFrom: green
+colorTo: yellow
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,411 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<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">&times;</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">&times;</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">&times;</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">&times;</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>