// ==UserScript==
// @name         MonkeyType Image Overlay
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Overlay an image on MonkeyType website
// @author       Your Name
// @match        https://monkeytype.com/*
// @grant        none
// ==/UserScript==
(function() {
    'use strict';

    // Function to show the image
    function showImage() {
        // Check if the image is already displayed
        var img = document.getElementById('monkeytypeImage');
        if (!img) {
            // Create a new image element
            img = document.createElement('img');
            // Set the ID of the image for easier reference
            img.id = 'monkeytypeImage';
            // Set the source of the image to your desired image URL
            // img.src = 'https://up.tail.ws/images/Hiragana.png';
            img.src = 'https://up.tail.ws/images/Katakana.png';
            // Set the width of the image
            img.style.width = '100%'; // Adjust the width as needed
            // Set some styles to position the image
            img.style.position = 'fixed';
            img.style.bottom = '0';
            img.style.left = '50%';
            img.style.transform = 'translateX(-50%)'; // Center the image horizontally
            img.style.zIndex = '9999';
            // Append the image to the body of the page
            document.body.appendChild(img);
        } else {
            // If the image is already displayed, toggle its visibility
            img.style.display = img.style.display === 'none' ? 'block' : 'none';
        }
    }

    // Call the function to show the image
    showImage();
})();