☰

flocabulary

hello

  1. // ==UserScript==
  2. // @name         flocabulary
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  hello
  6. // @match        https://www.flocabulary.com/subjects/?sso_success=True&backend=google-oauth2
  7. // @grant        none
  8. // @license      MIT
  9. // ==/UserScript==
  10.  
  11. const images = [
  12.     'https://th.bing.com/th/id/OIP.uPXrerYRv8zelqHt7mHVnQHaJQ?rs=1&pid=ImgDetMain',
  13.     'https://th.bing.com/th/id/OIP.rNk35A83LujcEE_kh4owHwHaLU?rs=1&pid=ImgDetMain',
  14.     'https://th.bing.com/th/id/OIP.jA4L_Dkca1P4hi6vWJ4JoQHaFm?rs=1&pid=ImgDetMain',
  15.     'https://editors.dexerto.com/wp-content/uploads/2023/09/23/McDonalds-Japanese-Advert.jpg',
  16.     'https://preview.redd.it/who-tf-is-the-designer-of-this-ad-v0-u2ovdsz1qbga1.jpg?width=640&crop=smart&auto=webp&s=b526d748dc2884c2986733a3951b9bc5e8af850b',
  17.     'https://setupad.com/wp-content/uploads/2022/05/Screenshot-2022-05-20-at-10.13.10-1024x501.jpg'
  18. ];
  19.  
  20. function getRandomPosition() {
  21.     const x = Math.floor(Math.random() * (window.innerWidth - 200)); // Adjust for width of popup
  22.     const y = Math.floor(Math.random() * (window.innerHeight - 100)); // Adjust for height of popup
  23.     return { x, y };
  24. }
  25.  
  26. function createPopup() {
  27.     const { x, y } = getRandomPosition();
  28.     
  29.     const popup = document.createElement('div');
  30.     popup.style.position = 'fixed';
  31.     popup.style.top = `${y}px`;
  32.     popup.style.left = `${x}px`;
  33.     popup.style.border = '1px solid #000';
  34.     popup.style.backgroundColor = '#fff';
  35.     popup.style.zIndex = '1000';
  36.     popup.style.padding = '20px';
  37.     popup.style.cursor = 'move';
  38.     popup.style.boxSizing = 'border-box';
  39.  
  40.     const closeButton = document.createElement('button');
  41.     closeButton.innerText = 'X';
  42.     closeButton.style.color = 'red';
  43.     closeButton.style.border = 'none';
  44.     closeButton.style.background = 'none';
  45.     closeButton.style.fontSize = '16px';
  46.     closeButton.style.position = 'absolute';
  47.     closeButton.style.top = '10px';
  48.     closeButton.style.right = '10px'; // Position to the right
  49.     closeButton.style.cursor = 'pointer';
  50.  
  51.     closeButton.onclick = function() {
  52.         popup.remove();
  53.         createPopup(); // Create a new popup on close
  54.     };
  55.  
  56.     popup.appendChild(closeButton);
  57.     const img = document.createElement('img');
  58.     img.src = images[Math.floor(Math.random() * images.length)];
  59.     img.alt = "Ad";
  60.     img.style.maxWidth = '100%';
  61.     img.style.height = 'auto';
  62.     popup.appendChild(img);
  63.  
  64.     document.body.appendChild(popup);
  65.  
  66.     // Drag functionality
  67.     let isDragging = false;
  68.     let offsetX, offsetY;
  69.  
  70.     popup.onmousedown = function(e) {
  71.         isDragging = true;
  72.         offsetX = e.clientX - popup.getBoundingClientRect().left;
  73.         offsetY = e.clientY - popup.getBoundingClientRect().top;
  74.         document.body.style.cursor = 'move';
  75.     };
  76.  
  77.     document.onmouseup = function() {
  78.         isDragging = false;
  79.         document.body.style.cursor = 'default';
  80.     };
  81.  
  82.     document.onmousemove = function(e) {
  83.         if (isDragging) {
  84.             popup.style.left = `${e.clientX - offsetX}px`;
  85.             popup.style.top = `${e.clientY - offsetY}px`;
  86.         }
  87.     };
  88. }
  89.  
  90. // Start the first popup
  91. createPopup();