Spaces:

1hitonline
/

priviledge_testing

Paused

App Files Files Community

MySafeCode commited on Jan 3

Commit

69d11f7

verified ·

1 Parent(s): 03474fd

Upload index.html

Browse files

Files changed (1) hide show

templates/index.html +261 -0

templates/index.html ADDED Viewed

	@@ -0,0 +1,261 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Weird Privilege Space</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+</head>
+<body>
+    <div class="container">
+        <header class="header">
+            <h1>🤖 WEIRD PRIVILEGE SPACE 🛸</h1>
+            <p class="subtitle">Grab your simulated privilege every 4 hours</p>
+        </header>
+        <div class="main-content">
+            <!-- Wallet Section -->
+            <div class="card wallet-card">
+                <h2><i class="fas fa-wallet"></i> NANO WALLET</h2>
+                <div class="wallet-info" id="walletInfo">
+                    <div class="wallet-row">
+                        <span class="label">Address:</span>
+                        <span class="value" id="walletAddress">{{ wallet.address }}</span>
+                        <button onclick="copyAddress()" class="copy-btn">
+                            <i class="far fa-copy"></i>
+                        </button>
+                    </div>
+                    <div class="wallet-row">
+                        <span class="label">Balance:</span>
+                        <span class="value" id="walletBalance">{{ wallet.balance }}</span>
+                        <span class="currency">NANO</span>
+                    </div>
+                    <div class="wallet-row">
+                        <span class="label">User ID:</span>
+                        <span class="value">{{ user_id }}</span>
+                    </div>
+                    <div class="qr-container">
+                        <img src="{{ url_for('generate_qr', address=wallet.address) }}"
+                             alt="QR Code"
+                             class="qr-code">
+                        <p class="qr-label">Scan to receive</p>
+                    </div>
+                </div>
+                <div class="wallet-actions">
+                    <button onclick="downloadWallet()" class="btn">
+                        <i class="fas fa-download"></i> Download Wallet
+                    </button>
+                    <button onclick="updateWallet()" class="btn secondary">
+                        <i class="fas fa-sync-alt"></i> Update Balance
+                    </button>
+                </div>
+                <div class="update-timer">
+                    <i class="fas fa-clock"></i>
+                    Auto-updates every <span id="countdown">15</span> seconds
+                </div>
+            </div>
+            <!-- Privilege Section -->
+            <div class="card privilege-card">
+                <h2><i class="fas fa-crown"></i> GRAB PRIVILEGE</h2>
+                <p class="instruction">Choose your privilege type. Each can be grabbed every 4 hours.</p>
+                <div class="privilege-options">
+                    <div class="privilege-option white-privilege">
+                        <h3><i class="fas fa-user-circle"></i> WHITE PRIVILEGE</h3>
+                        <p>Standard human privilege simulation</p>
+                        <button onclick="grabPrivilege('white')" class="btn privilege-btn">
+                            <i class="fas fa-hand-paper"></i> GRAB
+                        </button>
+                        <div class="cooldown" id="cooldown-white">
+                            Checking...
+                        </div>
+                    </div>
+                    <div class="privilege-option black-privilege">
+                        <h3><i class="fas fa-user-circle"></i> BLACK PRIVILEGE</h3>
+                        <p>Alternative privilege simulation</p>
+                        <button onclick="grabPrivilege('black')" class="btn privilege-btn">
+                            <i class="fas fa-hand-paper"></i> GRAB
+                        </button>
+                        <div class="cooldown" id="cooldown-black">
+                            Checking...
+                        </div>
+                    </div>
+                    <div class="privilege-option robot-privilege">
+                        <h3><i class="fas fa-robot"></i> ROBOT PRIVILEGE</h3>
+                        <p>Non-human privilege simulation</p>
+                        <button onclick="grabPrivilege('robot')" class="btn privilege-btn">
+                            <i class="fas fa-hand-paper"></i> GRAB
+                        </button>
+                        <div class="cooldown" id="cooldown-robot">
+                            Checking...
+                        </div>
+                    </div>
+                </div>
+                <div class="privilege-display" id="privilegeDisplay">
+                    <div class="display-content">
+                        <i class="fas fa-star"></i>
+                        <p>Grab a privilege to see simulation</p>
+                    </div>
+                </div>
+                <button onclick="simulatePrivilege()" class="btn simulate-btn" id="simulateBtn" disabled>
+                    <i class="fas fa-play"></i> SIMULATE PRIVILEGE
+                </button>
+            </div>
+        </div>
+        <footer class="footer">
+            <p>This is a weird webspace. Everything is simulated. Nothing is real. Enjoy.</p>
+            <p class="timestamp" id="timestamp"></p>
+        </footer>
+    </div>
+    <div id="notification" class="notification"></div>
+    <script>
+        let lastPrivilegeType = null;
+        let updateInterval = null;
+        let walletInterval = null;
+        let countdown = 15;
+        // Initialize
+        document.addEventListener('DOMContentLoaded', function() {
+            updateTimestamp();
+            checkAllPrivileges();
+            startWalletUpdates();
+            startCountdown();
+        });
+        // Update wallet display
+        function updateWallet() {
+            fetch('/get_wallet')
+                .then(response => response.json())
+                .then(data => {
+                    document.getElementById('walletAddress').textContent = data.address;
+                    document.getElementById('walletBalance').textContent = data.balance;
+                    resetCountdown();
+                    showNotification('Wallet updated!');
+                });
+        }
+        // Auto-update wallet every 15 seconds
+        function startWalletUpdates() {
+            walletInterval = setInterval(updateWallet, 15000);
+        }
+        // Countdown timer
+        function startCountdown() {
+            setInterval(() => {
+                countdown--;
+                if (countdown < 0) countdown = 15;
+                document.getElementById('countdown').textContent = countdown;
+            }, 1000);
+        }
+        function resetCountdown() {
+            countdown = 15;
+        }
+        // Check privilege cooldowns
+        function checkAllPrivileges() {
+            ['white', 'black', 'robot'].forEach(type => {
+                fetch(`/check_privilege/${type}`)
+                    .then(response => response.json())
+                    .then(data => {
+                        const element = document.getElementById(`cooldown-${type}`);
+                        if (data.can_grab) {
+                            element.innerHTML = '<i class="fas fa-check"></i> READY TO GRAB';
+                            element.className = 'cooldown ready';
+                        } else {
+                            const hours = Math.floor(data.time_remaining / 3600);
+                            const minutes = Math.floor((data.time_remaining % 3600) / 60);
+                            element.innerHTML = `<i class="fas fa-clock"></i> WAIT ${hours}h ${minutes}m`;
+                            element.className = 'cooldown waiting';
+                        }
+                    });
+            });
+        }
+        // Grab privilege
+        function grabPrivilege(type) {
+            fetch(`/grab_privilege/${type}`)
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        lastPrivilegeType = type;
+                        document.getElementById('simulateBtn').disabled = false;
+                        // Update display
+                        const display = document.getElementById('privilegeDisplay');
+                        display.innerHTML = `
+                            <div class="display-content">
+                                <i class="fas fa-crown"></i>
+                                <h3>${type.toUpperCase()} PRIVILEGE ACQUIRED!</h3>
+                                <p>You can now simulate privilege</p>
+                            </div>
+                        `;
+                        showNotification(data.message);
+                        checkAllPrivileges();
+                    } else {
+                        showNotification(data.error, 'error');
+                    }
+                });
+        }
+        // Simulate privilege
+        function simulatePrivilege() {
+            fetch('/simulate_privilege')
+                .then(response => response.json())
+                .then(data => {
+                    const display = document.getElementById('privilegeDisplay');
+                    display.innerHTML = `
+                        <div class="display-content">
+                            <i class="fas fa-bolt"></i>
+                            <h3>${data.message}</h3>
+                            <p>Privilege simulation activated at ${new Date().toLocaleTimeString()}</p>
+                        </div>
+                    `;
+                    showNotification('Privilege simulated!');
+                });
+        }
+        // Download wallet
+        function downloadWallet() {
+            window.location.href = '/download_wallet';
+        }
+        // Copy address to clipboard
+        function copyAddress() {
+            const address = document.getElementById('walletAddress').textContent;
+            navigator.clipboard.writeText(address)
+                .then(() => showNotification('Address copied to clipboard!'))
+                .catch(err => showNotification('Failed to copy', 'error'));
+        }
+        // Update timestamp
+        function updateTimestamp() {
+            const now = new Date();
+            document.getElementById('timestamp').textContent =
+                `Current time: ${now.toLocaleString()}`;
+        }
+        // Notification system
+        function showNotification(message, type = 'success') {
+            const notification = document.getElementById('notification');
+            notification.textContent = message;
+            notification.className = `notification ${type}`;
+            notification.style.display = 'block';
+            setTimeout(() => {
+                notification.style.display = 'none';
+            }, 3000);
+        }
+    </script>
+</body>
+</html>