hello
// ==UserScript==
// @name flocabulary
// @namespace http://tampermonkey.net/
// @version 1.0
// @description hello
// @match https://www.flocabulary.com/subjects/?sso_success=True&backend=google-oauth2
// @grant none
// @license MIT
// ==/UserScript==
const images = [
'https://th.bing.com/th/id/OIP.uPXrerYRv8zelqHt7mHVnQHaJQ?rs=1&pid=ImgDetMain',
'https://th.bing.com/th/id/OIP.rNk35A83LujcEE_kh4owHwHaLU?rs=1&pid=ImgDetMain',
'https://th.bing.com/th/id/OIP.jA4L_Dkca1P4hi6vWJ4JoQHaFm?rs=1&pid=ImgDetMain',
'https://editors.dexerto.com/wp-content/uploads/2023/09/23/McDonalds-Japanese-Advert.jpg',
'https://preview.redd.it/who-tf-is-the-designer-of-this-ad-v0-u2ovdsz1qbga1.jpg?width=640&crop=smart&auto=webp&s=b526d748dc2884c2986733a3951b9bc5e8af850b',
'https://setupad.com/wp-content/uploads/2022/05/Screenshot-2022-05-20-at-10.13.10-1024x501.jpg'
];
function getRandomPosition() {
const x = Math.floor(Math.random() * (window.innerWidth - 200)); // Adjust for width of popup
const y = Math.floor(Math.random() * (window.innerHeight - 100)); // Adjust for height of popup
return { x, y };
}
function createPopup() {
const { x, y } = getRandomPosition();
const popup = document.createElement('div');
popup.style.position = 'fixed';
popup.style.top = `${y}px`;
popup.style.left = `${x}px`;
popup.style.border = '1px solid #000';
popup.style.backgroundColor = '#fff';
popup.style.zIndex = '1000';
popup.style.padding = '20px';
popup.style.cursor = 'move';
popup.style.boxSizing = 'border-box';
const closeButton = document.createElement('button');
closeButton.innerText = 'X';
closeButton.style.color = 'red';
closeButton.style.border = 'none';
closeButton.style.background = 'none';
closeButton.style.fontSize = '16px';
closeButton.style.position = 'absolute';
closeButton.style.top = '10px';
closeButton.style.right = '10px'; // Position to the right
closeButton.style.cursor = 'pointer';
closeButton.onclick = function() {
popup.remove();
createPopup(); // Create a new popup on close
};
popup.appendChild(closeButton);
const img = document.createElement('img');
img.src = images[Math.floor(Math.random() * images.length)];
img.alt = "Ad";
img.style.maxWidth = '100%';
img.style.height = 'auto';
popup.appendChild(img);
document.body.appendChild(popup);
// Drag functionality
let isDragging = false;
let offsetX, offsetY;
popup.onmousedown = function(e) {
isDragging = true;
offsetX = e.clientX - popup.getBoundingClientRect().left;
offsetY = e.clientY - popup.getBoundingClientRect().top;
document.body.style.cursor = 'move';
};
document.onmouseup = function() {
isDragging = false;
document.body.style.cursor = 'default';
};
document.onmousemove = function(e) {
if (isDragging) {
popup.style.left = `${e.clientX - offsetX}px`;
popup.style.top = `${e.clientY - offsetY}px`;
}
};
}
// Start the first popup
createPopup();