🐳 13/02 - 03:01 - Decrypt network.

index.html

@@ -338,36 +338,49 @@
                 <div class="border border-green-500 p-4 rounded-lg">
                     <div class="flex justify-between items-center border-b border-green-500 pb-2 mb-3">
                         <h2 class="text-xl font-bold"><i class="fas fa-satellite mr-2"></i> SIGNAL INTERCEPTS</h2>
-                        <span class="text-xs bg-green-900 px-2 py-1 rounded">DECRYPTING</span>
+                        <span id="network-status" class="text-xs bg-green-900 px-2 py-1 rounded">ENCRYPTED</span>
                     </div>
-                    <div class="space-y-3">
-                        <div class="bg-green-900 bg-opacity-30 p-2 rounded">
+                    <div class="space-y-3" id="signal-container">
+                        <div class="bg-green-900 bg-opacity-30 p-2 rounded signal-message" data-encrypted="XJ9#K2$M7@P3Q8Z4L1N6" data-decrypted="CONTACT BREACHED - QUARANTINE PROTOCOLS ACTIVE">
                             <div class="flex justify-between items-center text-xs mb-1">
-                                <span>SOURCE: ZETA RETICULI</span>
+                                <span class="text-yellow-400">SOURCE: ZETA RETICULI</span>
                                 <span>1947-06-24</span>
                             </div>
-                            <p class="text-sm font-mono">...WARNING...MONITOR...HUMAN...DEVELOPMENT...</p>
+                            <p class="text-sm font-mono encrypted-text">...WARNING...MONITOR...HUMAN...DEVELOPMENT...</p>
                         </div>
-                        <div class="bg-green-900 bg-opacity-30 p-2 rounded">
+                        <div class="bg-green-900 bg-opacity-30 p-2 rounded signal-message" data-encrypted="V5R2#T9@Y6U3I8O1P4" data-decrypted="ASCENSION WAVE DETECTED - PREPARE COLLECTIVE CONSCIOUSNESS SHIFT">
                             <div class="flex justify-between items-center text-xs mb-1">
-                                <span>SOURCE: UNKNOWN</span>
+                                <span class="text-red-400">SOURCE: UNKNOWN</span>
                                 <span>1989-11-11</span>
                             </div>
-                            <p class="text-sm font-mono">...TIMELINE...DIVERGENCE...CRITICAL...PREPARE...</p>
+                            <p class="text-sm font-mono encrypted-text">...TIMELINE...DIVERGENCE...CRITICAL...PREPARE...</p>
                         </div>
-                        <div class="bg-green-900 bg-opacity-30 p-2 rounded">
+                        <div class="bg-green-900 bg-opacity-30 p-2 rounded signal-message" data-encrypted="B7N3@M8#K2$J5H9G4" data-decrypted="GRID ACTIVATION COMPLETE - AWAKENING SEQUENCE INITIATED">
                             <div class="flex justify-between items-center text-xs mb-1">
-                                <span>SOURCE: ORION</span>
+                                <span class="text-blue-400">SOURCE: ORION</span>
                                 <span>2001-09-10</span>
                             </div>
-                            <p class="text-sm font-mono">...EVENT...IMMINENT...CONTROL...MAINTAIN...</p>
+                            <p class="text-sm font-mono encrypted-text">...EVENT...IMMINENT...CONTROL...MAINTAIN...</p>
                         </div>
                     </div>
-                    <div class="mt-3">
-                        <button id="analyze-btn" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded flex items-center">
-                            <i class="fas fa-brain mr-1"></i> RUN LINGUISTIC ANALYSIS
+                    <div class="mt-3 grid grid-cols-2 gap-2">
+                        <button id="analyze-btn" class="text-xs bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded flex items-center justify-center">
+                            <i class="fas fa-brain mr-1"></i> LINGUISTIC ANALYSIS
+                        </button>
+                        <button id="decrypt-network-btn" class="text-xs bg-red-900 hover:bg-red-800 text-red-300 px-3 py-1 rounded flex items-center justify-center animate-pulse">
+                            <i class="fas fa-unlock-alt mr-1"></i> DECRYPT NETWORK
                         </button>
                     </div>
+                    <div id="decrypt-progress-container" class="mt-2 hidden">
+                        <div class="flex justify-between text-xs mb-1">
+                            <span>BRUTE FORCE DECRYPTION</span>
+                            <span id="decrypt-percentage">0%</span>
+                        </div>
+                        <div class="w-full bg-gray-800 h-1">
+                            <div id="network-decrypt-bar" class="bg-red-500 h-1 transition-all duration-100" style="width: 0%"></div>
+                        </div>
+                        <div id="decrypt-log" class="text-xs font-mono mt-1 text-red-400 h-4 overflow-hidden"></div>
+                    </div>
                 </div>
 
                 <!-- Clearance Upgrade -->
@@ -581,6 +594,111 @@
             }, 800);
         });
 
+        // Network Decryption Feature
+        const decryptNetworkBtn = document.getElementById('decrypt-network-btn');
+        const decryptProgressContainer = document.getElementById('decrypt-progress-container');
+        const networkDecryptBar = document.getElementById('network-decrypt-bar');
+        const decryptPercentage = document.getElementById('decrypt-percentage');
+        const decryptLog = document.getElementById('decrypt-log');
+        const signalMessages = document.querySelectorAll('.signal-message');
+        const networkStatus = document.getElementById('network-status');
+        let isDecrypted = false;
+
+        const hexChars = '0123456789ABCDEF@#$%&*';
+        const decryptLogs = [
+            'Initializing quantum decryption...',
+            'Bypassing firewall protocols...',
+            'Accessing mainframe...',
+            'Cracking RSA-4096 encryption...',
+            'Packet analysis in progress...',
+            'Decoding alien cypher...',
+            'Retrieving secured data packets...',
+            'Finalizing decryption sequence...'
+        ];
+
+        decryptNetworkBtn.addEventListener('click', function() {
+            if (isDecrypted) {
+                // Re-encrypt
+                isDecrypted = false;
+                signalMessages.forEach(msg => {
+                    const encryptedText = msg.querySelector('.encrypted-text');
+                    const originalEncrypted = msg.getAttribute('data-encrypted');
+                    encryptedText.textContent = '...' + originalEncrypted.substring(0, 20) + '...';
+                    encryptedText.classList.remove('text-green-400', 'font-bold');
+                    encryptedText.classList.add('font-mono');
+                });
+                decryptNetworkBtn.innerHTML = '<i class="fas fa-unlock-alt mr-1"></i> DECRYPT NETWORK';
+                decryptNetworkBtn.classList.remove('bg-green-900', 'text-green-300');
+                decryptNetworkBtn.classList.add('bg-red-900', 'text-red-300', 'animate-pulse');
+                networkStatus.textContent = 'ENCRYPTED';
+                networkStatus.classList.remove('bg-blue-900', 'text-blue-300');
+                networkStatus.classList.add('bg-green-900');
+                decryptProgressContainer.classList.add('hidden');
+                return;
+            }
+
+            // Start decryption
+            decryptProgressContainer.classList.remove('hidden');
+            decryptNetworkBtn.disabled = true;
+            let progress = 0;
+            let logIndex = 0;
+
+            const interval = setInterval(() => {
+                progress += Math.random() * 15;
+                if (progress > 100) progress = 100;
+                
+                networkDecryptBar.style.width = progress + '%';
+                decryptPercentage.textContent = Math.floor(progress) + '%';
+                
+                if (progress % 15 < 5 && logIndex < decryptLogs.length) {
+                    decryptLog.textContent = '> ' + decryptLogs[logIndex];
+                    logIndex++;
+                }
+
+                // Scramble effect on messages
+                signalMessages.forEach(msg => {
+                    const text = msg.querySelector('.encrypted-text');
+                    const scrambled = Array(30).fill(0).map(() => 
+                        hexChars[Math.floor(Math.random() * hexChars.length)]
+                    ).join('');
+                    text.textContent = scrambled;
+                });
+
+                if (progress >= 100) {
+                    clearInterval(interval);
+                    completeDecryption();
+                }
+            }, 200);
+        });
+
+        function completeDecryption() {
+            isDecrypted = true;
+            decryptLog.textContent = '> DECRYPTION COMPLETE - ACCESS GRANTED';
+            decryptLog.classList.remove('text-red-400');
+            decryptLog.classList.add('text-green-400');
+            
+            signalMessages.forEach((msg, index) => {
+                setTimeout(() => {
+                    const decryptedText = msg.getAttribute('data-decrypted');
+                    const textElement = msg.querySelector('.encrypted-text');
+                    textElement.textContent = decryptedText;
+                    textElement.classList.remove('font-mono');
+                    textElement.classList.add('text-green-400', 'font-bold', 'glitch');
+                    textElement.setAttribute('data-text', decryptedText);
+                }, index * 300);
+            });
+
+            setTimeout(() => {
+                decryptNetworkBtn.disabled = false;
+                decryptNetworkBtn.innerHTML = '<i class="fas fa-lock mr-1"></i> RE-ENCRYPT';
+                decryptNetworkBtn.classList.remove('bg-red-900', 'text-red-300', 'animate-pulse');
+                decryptNetworkBtn.classList.add('bg-green-900', 'text-green-300');
+                networkStatus.textContent = 'DECRYPTED';
+                networkStatus.classList.remove('bg-green-900');
+                networkStatus.classList.add('bg-blue-900', 'text-blue-300');
+            }, 1000);
+        }
+
         // Terminal-like behavior for access code input
         accessCode.addEventListener('keydown', function(e) {
             if (e.key === 'Enter') {