☰

Page Confiscation with Code Entry

Adds a button to turn the page black with a message and code entry for downloading website files.

  1. // ==UserScript==
  2. // @name         Page Confiscation with Code Entry
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  Adds a button to turn the page black with a message and code entry for downloading website files.
  6. // @match        *://*/*
  7. // @grant        none
  8. // ==/UserScript==
  9.  
  10. (function() {
  11.     'use strict';
  12.  
  13.     // Function to generate a unique code
  14.     function generateCode() {
  15.         return Math.random().toString(36).substr(2, 6).toUpperCase(); // Generate a 6-character code
  16.     }
  17.  
  18.     // Function to start the confiscation process
  19.     function startConfiscation() {
  20.         // Hide the button and create the black screen with message
  21.         document.getElementById('confiscation-button').style.display = 'none';
  22.  
  23.         // Generate a unique code
  24.         const code = generateCode();
  25.  
  26.         document.body.innerHTML = `
  27.             <div id="confiscation-screen" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; color: green; display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: monospace; text-align: center; z-index: 10000;">
  28.                 <h1>Your device has been confiscated</h1>
  29.                 <p>Enter the code to regain access:</p>
  30.                 <input type="text" id="code-input" placeholder="Enter code" style="font-size: 20px; text-align: center; margin-bottom: 10px; padding: 5px; width: 200px;">
  31.                 <button id="submit-code" style="padding: 10px 20px; font-size: 16px; cursor: pointer; background-color: #4CAF50; color: white; border: none; border-radius: 5px;">Submit Code</button>
  32.                 <p id="code-display" style="position: absolute; top: 10px; right: 10px; color: green; font-size: 18px;">Code: ${code}</p>
  33.             </div>
  34.         `;
  35.  
  36.         // Function to handle code submission
  37.         function handleCodeSubmission() {
  38.             const inputCode = document.getElementById('code-input').value.trim();
  39.             if (inputCode === code) {
  40.                 // Code is correct, prepare to download website data
  41.                 setTimeout(() => {
  42.                     const htmlContent = document.documentElement.outerHTML;
  43.                     const cssContent = Array.from(document.querySelectorAll('style')).map(style => style.innerHTML).join('\n');
  44.                     const jsContent = Array.from(document.querySelectorAll('script')).map(script => script.innerHTML).join('\n');
  45.                     
  46.                     const combinedContent = `
  47.                         <html>
  48.                             <head>
  49.                                 <title>Saved Page</title>
  50.                                 <style>${cssContent}</style>
  51.                             </head>
  52.                             <body>
  53.                                 ${htmlContent}
  54.                                 <script>${jsContent}</script>
  55.                             </body>
  56.                         </html>
  57.                     `;
  58.  
  59.                     const blob = new Blob([combinedContent], { type: 'text/html' });
  60.                     const url = URL.createObjectURL(blob);
  61.                     const a = document.createElement('a');
  62.                     a.href = url;
  63.                     a.download = 'saved_page.html';
  64.                     document.body.appendChild(a);
  65.                     a.click();
  66.                     URL.revokeObjectURL(url);
  67.                     document.body.removeChild(a);
  68.                 }, 1000); // 1 second delay for download
  69.             } else {
  70.                 alert('Incorrect code. Please try again.');
  71.             }
  72.         }
  73.  
  74.         // Attach event listener to the submit button
  75.         document.getElementById('submit-code').addEventListener('click', handleCodeSubmission);
  76.     }
  77.  
  78.     // Create and display the confiscation button
  79.     function createConfiscationButton() {
  80.         const button = document.createElement('button');
  81.         button.id = 'confiscation-button';
  82.         button.textContent = 'Confiscate Device';
  83.         button.style.position = 'fixed';
  84.         button.style.top = '10px';
  85.         button.style.left = '10px';
  86.         button.style.padding = '10px 20px';
  87.         button.style.fontSize = '16px';
  88.         button.style.cursor = 'pointer';
  89.         button.style.backgroundColor = '#f44336'; // Red color for high visibility
  90.         button.style.color = 'white';
  91.         button.style.border = 'none';
  92.         button.style.borderRadius = '5px';
  93.         button.style.zIndex = '9999';
  94.         document.body.appendChild(button);
  95.  
  96.         button.addEventListener('click', startConfiscation);
  97.     }
  98.  
  99.     // Create the button when the page loads
  100.     window.addEventListener('load', createConfiscationButton);
  101. })();