☰

BTX HAWIHUB

Adds a movable GUI with GOD MODE button to any webpage

  1. // ==UserScript==
  2. // @name         BTX HAWIHUB
  3. // @namespace    http://your-namespace.example.com
  4. // @version      1.0
  5. // @description  Adds a movable GUI with GOD MODE button to any webpage
  6. // @author       Your Name
  7. // @match        *://*/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     var isDragging = false;
  15.     var offsetX, offsetY;
  16.  
  17.     function setSpeed() {
  18.         var speedValue = document.getElementById('speedTextBox').value;
  19.         alert('Speed set to: ' + speedValue);
  20.     }
  21.  
  22.     function activateGodMode() {
  23.         // Implement your "GOD MODE" functionality here.
  24.         alert('GOD MODE activated!');
  25.         // You can add your custom code to enable God Mode here.
  26.     }
  27.  
  28.     function createGUI() {
  29.         var speedTextBox = document.createElement('input');
  30.         speedTextBox.id = 'speedTextBox';
  31.         speedTextBox.type = 'text';
  32.         speedTextBox.placeholder = 'Enter speed';
  33.         speedTextBox.className = 'speed-textbox';
  34.  
  35.         var setSpeedButton = document.createElement('button');
  36.         setSpeedButton.textContent = 'Set speed';
  37.         setSpeedButton.className = 'speed-button';
  38.         setSpeedButton.addEventListener('click', setSpeed);
  39.  
  40.         var godModeButton = document.createElement('button');
  41.         godModeButton.textContent = 'GOD MODE';
  42.         godModeButton.className = 'god-mode-button';
  43.         godModeButton.addEventListener('click', activateGodMode);
  44.  
  45.         // Create a title for the GUI
  46.         var title = document.createElement('h1');
  47.         title.textContent = 'BTX HAWIHUB';
  48.         title.className = 'gui-title';
  49.  
  50.         var container = document.createElement('div');
  51.         container.className = 'speed-container';
  52.         container.appendChild(title); // Add the title
  53.         container.appendChild(speedTextBox);
  54.         container.appendChild(setSpeedButton);
  55.         container.appendChild(godModeButton);
  56.  
  57.         document.body.appendChild(container);
  58.  
  59.         var styles = `
  60.             .speed-container {
  61.                 position: absolute;
  62.                 top: 50px;
  63.                 left: 50px;
  64.                 display: flex;
  65.                 flex-direction: column;
  66.                 align-items: center;
  67.                 justify-content: center;
  68.                 padding: 10px;
  69.                 background-color: #f0f0f0;
  70.                 border-radius: 5px;
  71.                 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  72.                 cursor: move;
  73.                 border: 2px solid #00f; /* Neon blue outline */
  74.             }
  75.             
  76.             .gui-title {
  77.                 font-size: 24px;
  78.                 margin-bottom: 10px;
  79.             }
  80.  
  81.             .speed-textbox, .speed-button, .god-mode-button {
  82.                 padding: 5px 10px;
  83.                 font-size: 16px;
  84.                 border: 2px solid #3498db;
  85.                 border-radius: 5px;
  86.                 margin-bottom: 10px; /* Add some spacing between input and buttons */
  87.                 background-color: #3498db;
  88.                 color: white;
  89.                 cursor: pointer;
  90.             }
  91.  
  92.             .speed-button:hover, .god-mode-button:hover {
  93.                 background-color: #2980b9;
  94.             }
  95.         `;
  96.  
  97.         var styleSheet = document.createElement("style");
  98.         styleSheet.type = "text/css";
  99.         styleSheet.innerText = styles;
  100.         document.head.appendChild(styleSheet);
  101.  
  102.         container.addEventListener('mousedown', function(e) {
  103.             isDragging = true;
  104.             offsetX = e.clientX - container.getBoundingClientRect().left;
  105.             offsetY = e.clientY - container.getBoundingClientRect().top;
  106.         });
  107.  
  108.         window.addEventListener('mousemove', function(e) {
  109.             if (!isDragging) return;
  110.  
  111.             var newX = e.clientX - offsetX;
  112.             var newY = e.clientY - offsetY;
  113.  
  114.             container.style.left = newX + 'px';
  115.             container.style.top = newY + 'px';
  116.         });
  117.  
  118.         window.addEventListener('mouseup', function() {
  119.             isDragging = false;
  120.         });
  121.     }
  122.  
  123.     createGUI();
  124. })();