Spaces:

erfan2020
/

undefined

Running

App Files Files Community

erfan2020 commited on Oct 8, 2025

Commit

cb40f63

verified ·

1 Parent(s): 949a12b

یک وبسایت با قابلیت اجرای به این صورت فوق پیشرفته هوشمند اینجوری بسازید ▂▃▄▅▆▇█▓▒░ ░▒▓█▇▆▅▄▃▂:

Browse files

▂▃▄▅▆▇█shayea░▒▓█▇▆▅▄▃▂:
هک:
<!DOCTYPE html> <html lang="en" class="dark"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CryptoStealth Flash Machine</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://unpkg.com/feather-icons"></script> <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> <style>

@import
url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap'); body { font-family: 'Space Mono', monospace; } .glow { box-shadow: 0 0 15px rgba(99, 102, 241, 0.7); } .gradient-bg { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); } .coin-selector.active { border-color: #6366f1; background-color: rgba(99, 102, 241, 0.1); } .pixel-border { border: 2px solid #4b5563; position: relative; } .pixel-border::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 2px dashed #4b5563; pointer-events: none; opacity: 0.3; } </style> </head> <body class="gradient-bg text-gray-100 min-h-screen"> <div id="vanta-bg"></div> <div class="container mx-auto px-4 py-12 relative z-10">  <header class="flex justify-between items-center mb-12"> <div class="flex items-center"> <i data-feather="zap" class="text-indigo-500 mr-3" width="32" height="32"></i> <h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 to-purple-500"> CryptoStealth </h1> </div> <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-800 transition-colors"> <i data-feather="moon" class="text-indigo-400"></i> </button> </header>  <div class="max-w-3xl mx-auto bg-gray-900/70 backdrop-blur-md rounded-xl overflow-hidden shadow-xl pixel-border"> <div class="p-8 border-b border-gray-800"> <h2 class="text-2xl font-bold mb-6 flex items-center"> <i data-feather="lock" class="mr-2 text-indigo-400"></i> Stealth Transaction Portal </h2>  <div class="mb-8"> <label class="block text-sm font-medium mb-3">Select Coin</label> <div class="flex space-x-4"> <button class="coin-selector flex-1 py-3 px-4 rounded-lg border border-gray-700 transition-all hover:border-indigo-500 flex items-center justify-center" data-coin="BTC"> <i data-feather="bitcoin" class="mr-2 text-yellow-500"></i> <span>Bitcoin (BTC)</span> </button> <button class="coin-selector flex-1 py-3 px-4 rounded-lg border border-gray-700 transition-all hover:border-indigo-500 flex items-center justify-center" data-coin="USDT"> <i data-feather="dollar-sign" class="mr-2 text-green-500"></i> <span>USDT (TRC20)</span> </button> </div> </div>  <form id="transaction-form" class="space-y-6"> <div> <label for="sender" class="block text-sm font-medium mb-2">Sender Address</label> <div class="relative"> <input type="text" id="sender" name="sender" required class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all" placeholder="bc1... or T..."> <button type="button" class="absolute right-3 top-3 text-indigo-400 hover:text-indigo-300" title="Paste from clipboard"> <i data-feather="clipboard" width="18"></i> </button> </div> </div> <div> <label for="receiver" class="block text-sm font-medium mb-2">Receiver Address</label> <div class="relative"> <input type="text" id="receiver" name="receiver" required class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all" placeholder="bc1... or T..."> <button type="button" class="absolute right-3 top-3 text-indigo-400 hover:text-indigo-300" title="Paste from clipboard"> <i data-feather="clipboard" width="18"></i> </button> </div> </div> <div> <label for="amount" class="block text-sm font-medium mb-2">Amount</label> <div class="relative"> <input type="number" id="amount" name="amount" step="0.000001"

min="0.00001" required

class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 pr-16 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all" placeholder="0.00"> <span class="absolute right-3 top-3 text-gray-400 currency-display">BTC</span> </div> </div> <div class="pt-4"> <button type="submit" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-lg transition-all flex items-center justify-center glow hover:glow-lg"> <i data-feather="zap" class="mr-2"></i> Flash Transfer </button> </div> </form> </div>  <div class="p-6 bg-gray-900/50"> <h3 class="font-medium mb-4 flex items-center"> <i data-feather="activity" class="mr-2 text-indigo-400"></i> Transaction Status </h3> <div id="status-panel" class="space-y-4"> <div class="text-center py-8 text-gray-500"> <i data-feather="file-text" class="mx-auto mb-3" width="24"></i> <p>No transaction initiated</p> </div> </div> </div> </div>  <div class="mt-12 grid md:grid-cols-3 gap-6 max-w-5xl mx-auto"> <div class="bg-gray-900/50 p-6 rounded-xl border border-gray-800"> <div class="flex items-start mb-4"> <div class="p-2 bg-indigo-500/10 rounded-lg mr-4"> <i data-feather="shield" class="text-indigo-400"></i> </div> <div> <h3 class="font-bold mb-1">Stealth Protocol</h3> <p class="text-sm text-gray-400">Multi-hop routing and encryption for maximum privacy.</p> </div> </div> </div> <div class="bg-gray-900/50 p-6 rounded-xl border border-gray-800"> <div class="flex items-start mb-4"> <div class="p-2 bg-indigo-500/10 rounded-lg mr-4"> <i data-feather="clock" class="text-indigo-400"></i> </div> <div> <h3 class="font-bold mb-1">30-Minute Lock</h3> <p class="text-sm text-gray-400">Transactions auto-finalize after 30 minutes if not confirmed.</p> </div> </div> </div> <div class="bg-gray-900/50 p-6 rounded-xl border border-gray-800"> <div class="flex items-start mb-4"> <div class="p-2 bg-indigo-500/10 rounded-lg mr-4"> <i data-feather="eye-off" class="text-indigo-400"></i> </div> <div> <h3 class="font-bold mb-1">No Trace</h3> <p class="text-sm text-gray-400">Zero on-chain connection between sender and receiver.</p> </div> </div> </div> </div> <footer class="mt-16 text-center text-gray-500 text-sm"> <p class="flex items-center justify-center"> <i data-feather="lock" width="14" class="mr-1"></i> Secure Stealth Transactions | v2.0 </p> </footer> </div> <script> // Initialize Vanta.js background VANTA.NET({ el: "#vanta-bg", mouseControls: true, touchControls: true, gyroControls: false, minHeight: 200.00, minWidth: 200.00, scale: 1.00, scaleMobile: 1.00, color: 0x4f46e5, backgroundColor: 0x0f172a, points: 12.00, maxDistance: 22.00, spacing: 16.00 }); // Initialize Feather Icons feather.replace(); // Theme toggle document.getElementById('theme-toggle').addEventListener('click', function() { document.documentElement.classList.toggle('dark'); const icon = this.querySelector('i'); if (document.documentElement.classList.contains('dark')) { icon.setAttribute('data-feather', 'moon'); } else { icon.setAttribute('data-feather', 'sun'); } feather.replace(); }); // Coin selection const coinSelectors = document.querySelectorAll('.coin-selector'); const currencyDisplay = document.querySelector('.currency-display'); coinSelectors.forEach(selector => { selector.addEventListener('click', function(e) { e.preventDefault(); const coin = this.getAttribute('data-coin'); // Update active state coinSelectors.forEach(s => s.classList.remove('active')); this.classList.add('active'); // Update currency display currencyDisplay.textContent = coin === 'BTC' ? 'BTC' : 'USDT'; }); }); // Form submission document.getElementById('transaction-form').addEventListener('submit', function(e) { e.preventDefault(); // Get form values const coin = document.querySelector('.coin-selector.active')?.getAttribute('data-coin') 'BTC'; const sender = document.getElementById('sender').value; const receiver = document.getElementById('receiver').value; const amount = document.getElementById('amount').value; // Validate if (!sender

!receiver ||

!amount) { alert('Please fill all fields'); return; } // Simulate transaction simulateTransaction(coin, sender, receiver, amount); }); // Simulate transaction (would be API call in real app) function simulateTransaction(coin, sender, receiver, amount) { const statusPanel = document.getElementById('status-panel'); const stealthId = 'STID_' + Math.random().toString(36).substr(2, 16).toUpperCase(); const txHash = '0x' + Math.random().toString(36).substr(2, 16) + Math.random().toString(36).substr(2, 16); const deadline = Math.floor(Date.now() / 1000) + 1800; // 30 minutes from now // Create status card statusPanel.innerHTML = <div class="bg-gray-800/50 p-5 rounded-lg border border-gray-700"> <div class="flex justify-between items-start mb-3"> <div> <h4 class="font-bold flex items-center"> <i data-feather="${coin === 'BTC' ? 'bitcoin' : 'dollar-sign'}" class="mr-2 ${coin === 'BTC' ? 'text-yellow-500' : 'text-green-500'}"></i> ${coin} Transfer </h4> <p class="text-sm text-gray-400 mt-1">Stealth ID: ${stealthId}</p> </div> <span class="px-3 py-1 rounded-full text-xs font-medium bg-indigo-500/20 text-indigo-300">Pending</span> </div> <div class="space-y-3 text-sm"> <div class="flex justify-between"> <span class="text-gray-400">Amount:</span> <span>${amount} ${coin}</span> </div> <div class="flex justify-between"> <span class="text-gray-400">From:</span> <span class="truncate max-w-[160px]">${sender}</span> </div> <div class="flex justify-between"> <span class="text-gray-400">To:</span> <span class="truncate max-w-[160px]">${receiver}</span> </div> <div class="flex justify-between"> <span class="text-gray-400">TX Hash:</span> <span class="truncate max-w-[160px]">${txHash}</span> </div> <div class="flex justify-between"> <span class="text-gray-400">Deadline:</span> <span>${new Date(dead

Files changed (2) hide show

README.md +9 -5
index.html +42 -19

README.md CHANGED Viewed

@@ -1,10 +1,14 @@
 ---
-title: Undefined
-emoji: 🌖
-colorFrom: yellow
-colorTo: yellow
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: undefined
+colorFrom: green
+colorTo: gray
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

index.html CHANGED Viewed

@@ -1,19 +1,42 @@
-<!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" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CodeCraft Playground</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <style>
+        .editor {
+            height: 70vh;
+        }
+        .output {
+            height: 25vh;
+        }
+        .code-tab {
+            transition: all 0.3s ease;
+        }
+        .code-tab.active {
+            background-color: #3b82f6;
+            color: white;
+        }
+        .run-btn {
+            transition: all 0.2s ease;
+        }
+        .run-btn:hover {
+            transform: scale(1.05);
+        }
+        .run-btn:active {
+            transform: scale(0.95);
+        }
+    </style>
+</head>
+<body class="bg-gray-100 font-sans">
+    <header class="bg-indigo-600 text-white shadow-lg">
+        <div class="container mx-auto px-4 py-6">
+            <div class="flex justify-between items-center">
+                <div class="flex items-center space-x-2">
+                    <i data-feather="code" class="w-8 h-8"></i
+</body>
+</html>