User:Stumblean/common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

(function() {
    // Create the menu container
    const menu = document.createElement("div");
    menu.id = "mahitoMenu";
    menu.style.position = "fixed";
    menu.style.top = "20px";
    menu.style.right = "20px";
    menu.style.padding = "10px";
    menu.style.backgroundColor = "#111";
    menu.style.color = "#fff";
    menu.style.border = "2px solid #666";
    menu.style.zIndex = "9999";
    menu.style.fontFamily = "monospace";
    menu.style.borderRadius = "10px";
    menu.style.boxShadow = "0 0 10px rgba(0,0,0,0.5)";

    // Title
    const title = document.createElement("div");
    title.textContent = "💀 Mahito Menu 💀";
    title.style.fontWeight = "bold";
    title.style.marginBottom = "8px";
    menu.appendChild(title);

    // "Open Explanation" button (placeholder)
    const openBtn = document.createElement("button");
    openBtn.textContent = "Open Explanation";
    openBtn.style.background = "#444";
    openBtn.style.color = "#fff";
    openBtn.style.border = "none";
    openBtn.style.padding = "5px 10px";
    openBtn.style.cursor = "pointer";
    openBtn.onclick = function() {
        // do something later
        console.log("Open Explanation clicked");
    };
    menu.appendChild(openBtn);

    // Add the menu to the page
    document.body.appendChild(menu);
})();