MetaMod

Screensaver
换行
// ==UserScript==
// @name         MetaMod
// @namespace    http://tampermonkey.net/
// @version      0.96
// @description  Screensaver
// @author       MeKLiN
// @match        https://stumblechat.com/room/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=stumblechat.com
// @grant        none
// @license      MIT
 
// ==/UserScript==
 
(function() {
    'use strict';
    let websocketUrl = null; // Initialize websocketUrl variable
    const handleUserMap = {}; // Initialize handleUserMap as an empty object
    // Define yourHandle variable
    const yourHandle = "myHandle"; // Replace "myHandle" with the actual handle
 
    function parseWebSocketMessage(message) {
        const parsedMessage = JSON.parse(message);
        if (parsedMessage.stumble === "joined") {
            const userList = parsedMessage.userlist;
            if (userList && userList.length > 0) {
                userList.forEach(user => {
                    const username = user.username || user.nick;
                    handleUserMap[user.handle] = username;
                    addUserToUserList({ handle: user.handle, username });
                });
            }
            const joinMessage = "A user or users joined the chat."; // Example join message
            displayWebSocketMessage(joinMessage);
        } else if (parsedMessage.stumble === "join") {
            const { handle, username } = parsedMessage;
            handleUserMap[handle] = username;
            addUserToUserList({ handle, username });
            const joinMessage = `${username} joined the chat.`;
            displayWebSocketMessage(joinMessage);
        } else if (parsedMessage.stumble === "quit") {
            const handle = parsedMessage.handle;
            const username = handleUserMap[handle];
            if (username) {
                delete handleUserMap[handle];
                removeUserFromUserList(handle);
                const quitMessage = `${username} left the chat.`;
                displayWebSocketMessage(quitMessage);
            }
        } else if (parsedMessage.stumble === "msg") {
            // Handle additional changes to the user list for specific "msg" messages
 
        }
    }
 
// Function to send ban message to WebSocket listener using the URL from wss.txt
function ban(handle) {
    // Fetch the WebSocket URL from the wss.txt file
    fetch('wss.txt')
        .then(response => {
            if (response.ok) {
                // Read the contents of wss.txt
                return response.text();
            }
            throw new Error('Failed to read WebSocket URL from wss.txt');
        })
        .then(webSocketUrl => {
            // Establish WebSocket connection using the URL from wss.txt
            const socket = new WebSocket(webSocketUrl);
            // Event listener for when the WebSocket connection is open
            socket.addEventListener('open', () => {
                // Send the ban message using the WebSocket connection
                socket.send(JSON.stringify({
                    "stumble": "ban",
                    "handle": handle
                }));
            });
            // Event listener for errors
            socket.addEventListener('error', error => {
                console.error('WebSocket connection error:', error);
            });
        })
        .catch(error => {
            console.error('Error reading WebSocket URL:', error);
        });
}
 
    // Function to set up WebSocket listener
    function setupWebSocketListener() {
        // Override WebSocket constructor to intercept WebSocket creation
        const originalWebSocket = window.WebSocket;
        window.WebSocket = function(url, protocols) {
            // Store the WebSocket URL when the connection is established
            websocketUrl = url;
            console.log('WebSocket URL:', websocketUrl);
 
            // Save the WebSocket URL to a file
            saveWebSocketUrlToFile(websocketUrl);
 
            // Call original WebSocket constructor
            const ws = new originalWebSocket(url, protocols);
 
            // Event listener for receiving messages
            ws.addEventListener('message', event => {
                handleWebSocketMessage(event.data);
            });
 
            return ws;
        };
    }
 
    // Function to save WebSocket URL to a file
    function saveWebSocketUrlToFile(url) {
        // Check if the file already exists
        fetch('wss.txt')
            .then(response => {
                // If the file exists, do nothing
                if (response.ok) {
                    console.log('File already exists. Skipping saving.');
                    return;
                }
                // If the file does not exist, save it
                const blob = new Blob([url], { type: 'text/plain' });
                const anchor = document.createElement('a');
                anchor.download = 'wss.txt';
                anchor.href = window.URL.createObjectURL(blob);
                anchor.click();
                window.URL.revokeObjectURL(anchor.href);
            })
            .catch(error => {
                // Handle errors
                console.error('Error checking file existence:', error);
            });
    }
 
    // WebSocket Listener: Override WebSocket constructor to intercept WebSocket creation
    const originalWebSocket = window.WebSocket;
    window.WebSocket = function(url, protocols) {
 
        // Call original WebSocket constructor
        const ws = new originalWebSocket(url, protocols);
 
        // Event listener for receiving messages
        ws.addEventListener('message', event => {
            const parsedMessage = JSON.parse(event.data);
            // Check if the message is a "joined" message
            if (parsedMessage.stumble === "joined") {
                // Extracting our own handle from the "self" object in the message
                const selfHandle = parsedMessage.self.handle;
                // Update handleUserMap and custom user list when a user joins
                const userList = parsedMessage.userlist;
                if (userList && userList.length > 0) {
                    userList.forEach(user => {
                        // Check if the user being added is ourselves
                        const isSelf = user.handle === selfHandle;
                        // If it's our own user, update handleUserMap and display our own handle in the user list
                        if (isSelf) {
                            // Update handleUserMap with our own handle and username
                            handleUserMap[user.handle] = user.username || user.nick;
                            // Add our own handle to the custom user list with purple icon
                            addUserToUserList({
                                username: user.username,
                                handle: user.handle,
                                active: true, // We just joined, so we're considered active
                                icon: "🟣" // Purple icon for our own user entry
                            }, "self");
                        } else {
                            // If it's not our own user, proceed as usual and add them to the user list
                            updateUserListAndMapOnJoin(user);
                        }
                    });
                }
            } else if (parsedMessage.stumble === "join") {
                // Handle join messages
                const { handle, username } = parsedMessage;
                // Check if the user being added is not ourselves
                if (handle !== yourHandle) {
                    handleUserMap[handle] = username;
                    addUserToUserList({ handle, username }, "join");
                }
            } else if (parsedMessage.stumble === "quit") {
                // Handle quit messages
                const handle = parsedMessage.handle;
                const username = handleUserMap[handle];
                if (username) {
                    delete handleUserMap[handle];
                    removeUserFromUserList(handle);
                    setTimeout(() => {
                        removeUserFromUserList(handle);
                    }, 30000); // 30 seconds delay
                    addUserToUserList({ handle, username }, "quit");
                }
            } else if (parsedMessage.stumble === "msg") {
                // Handle message messages
                const { handle, text } = parsedMessage;
                const username = handleUserMap[handle] || handle;
                displayWebSocketMessage(event.data);
            }
 
            // Check if the message is a system message
            if (parsedMessage.stumble === "system") {
                const systemMessage = parsedMessage.message;
 
                // Check if the system message contains the client version
                if (systemMessage.startsWith('"Client Version:')) {
                    // Save the user list to a file
                    console.log("sysmsgdetected");
                }
            }
        });
 
        return ws;
    };
 
    // Function to create user list div
    function createUserListDiv() {
        const userListDiv = document.createElement("div");
        userListDiv.id = "userList";
        userListDiv.style.position = "absolute"; // Change to absolute positioning
        userListDiv.style.top = "100px"; // Adjust top position as needed
        userListDiv.style.left = "10px"; // Adjust left position as needed
        userListDiv.style.height = "calc(100% - 100px)"; // Adjust height to fill remaining space
        userListDiv.style.overflowY = "auto";
        userListDiv.style.color = "#ffffff";
        userListDiv.style.padding = "10px";
        userListDiv.style.zIndex = "2"; // Set a higher z-index value
        userListDiv.style.display = "none"; // Hide the custom user list by default
 
        // Add CSS to change cursor to pointer on hover
        userListDiv.style.cursor = "pointer";
 
        // Add hover effect to change background color
        userListDiv.addEventListener("mouseenter", () => {
            userListDiv.style.backgroundColor = "rgba(255, 255, 255, 0.1)";
        });
 
        userListDiv.addEventListener("mouseleave", () => {
            userListDiv.style.backgroundColor = "transparent";
        });
 
        return userListDiv;
    }
 
// Function to add user to user list with appropriate icon based on user type
function addUserToUserList(user, userType) {
    const userList = document.getElementById("userList");
    if (!userList) return;
 
    const userItem = document.createElement("div");
    userItem.textContent = `${user.username}`;
 
    // Define the default dot color and icon
    let dotColor = "red"; // Default dot color
    let icon = "🔴"; // Default icon for inactive users
 
    // Set dot color and icon based on user type
    if (userType === "self") {
        dotColor = "purple"; // Purple for self user
        icon = "🟣"; // Purple circle icon
    } else if (userType === "join") {
        dotColor = "blue"; // Blue for join user
        icon = "🔵"; // Blue circle icon
    } else if (userType === "joined") { // "#join msg listener for game
        dotColor = "green"; // Green for joined user
        icon = "🟢"; // Green circle icon
    }
 
    // Add colored dot based on user status
    const dot = document.createElement("span");
    dot.textContent = icon;
    dot.style.color = dotColor;
 
    // Attach a click listener to the colored circle
    dot.addEventListener("click", () => {
        // Pass the handle to the ban function
        ban(user.handle);
    });
 
    userItem.appendChild(dot);
 
    // Add custom icon for the user
    if (user.icon) {
        const customIcon = document.createElement("span");
        customIcon.textContent = user.icon;
        customIcon.style.marginLeft = "5px"; // Adjust margin as needed
        userItem.appendChild(customIcon);
    }
 
    userList.appendChild(userItem); // Append user item to the user list
}
 
    // If user is not active and not yourself, show popup for 5 seconds
    //if (!user.active && user.handle !== yourHandle) { //this activates on anyone joining or leaving
        //const popup = document.createElement("div"); /the yeopardy script has svg animates for it
        //popup.textContent = "WELCOME TO STUMBLECHAT YEOPARDY!";
        //popup.style.fontSize = "48px";
        //popup.style.position = "fixed";
        //popup.style.top = "50%";
        //popup.style.left = "50%";
        //popup.style.transform = "translate(-50%, -50%)";
        //popup.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
        //popup.style.color = "white";
        //popup.style.padding = "10px";
        //popup.style.borderRadius = "5px";
        //document.body.appendChild(popup);
 
    // Call the function to create the user list div
    const userListDiv = createUserListDiv();
 
    const chatContainer = document.getElementById("chat-container");
    if (chatContainer) {
        chatContainer.appendChild(userListDiv); // Append to chat container instead
    } else {
        document.body.appendChild(userListDiv);
    }
 
    // Call the function to attach click listener to colored Unicode circles
    attachClickListenerToCircles();
 
    // Call functions to set up overlay, WebSocket listener, and initial user list display
    setupWebSocketListener();
    updateUserListDisplay();
 
    // Function to update handleUserMap with user data from the loaded file
    function updateHandleUserMap(fileContent) {
        // Split the file content into lines
        const lines = fileContent.split('\n');
 
        // Iterate over each line to parse user data
        lines.forEach(line => {
            const userData = line.trim().split(' '); // Splitting by space to separate username and handle
            if (userData.length === 2) {
                const username = userData[0].trim();
                const handle = userData[1].trim();
 
                // Check if the handle already exists in the handleUserMap
                if (!handleUserMap.hasOwnProperty(handle)) {
                    // Update user map with the new username and handle
                    handleUserMap[handle] = username;
                }
            }
        });
    }
 
    // Function to attach click listener to colored Unicode circles
    function attachClickListenerToCircles() {
        // Get all elements with class 'colored-circle'
        const coloredCircles = document.querySelectorAll('.colored-circle');
 
        // Loop through each colored circle element
        coloredCircles.forEach(circle => {
            // Attach click listener
            circle.addEventListener('click', function() {
                // Get the handle associated with the clicked circle
                const handle = this.getAttribute('data-handle');
                // Log the handle to the console
                console.log('Clicked handle:', handle);
                // Call the banUser function with the WebSocket URL and handle
                ban(handle);
            });
        });
    }
 
    // Function to update the user list display
    function updateUserListDisplay() {
        // Get the user list element
        const userList = document.getElementById("userList");
        if (userList) {
            // Update the display with modified handleUserMap
            userList.innerHTML = ""; // Clear the user list
            for (const handle in handleUserMap) {
                const username = handleUserMap[handle];
                // Append the user to the user list with 'B' if present
                const listItem = document.createElement("li");
                listItem.textContent = `${username} (${handle})`;
                userList.appendChild(listItem);
            }
        }
    }
 
    // Function to get the user's own handle number (implement your own logic)
    function getOwnHandle() {
        // Implement your logic to retrieve the user's own handle number
        // For demonstration purposes, return a hardcoded value
        return "123456"; // Replace with your actual handle number
    }
 
    // WebSocket listener for handling messages
    function handleWebSocketMessage(message) {
        const parsedMessage = JSON.parse(message);
        const ownHandle = getOwnHandle(); // Function to get the user's own handle number
 
        if (parsedMessage.stumble === "msg" && ownHandle === parsedMessage.handle) {
            const text = parsedMessage.text;
            if (text.startsWith("#ban")) {
                // Extract the handle from the message
                const handleToBan = text.replace("#ban", "").trim();
                if (handleToBan !== "") {
                    // Check if the handle exists in the handleUserMap
                    if (handleUserMap.hasOwnProperty(handleToBan)) {
                        // Add 'B' next to the handle number
                        handleUserMap[handleToBan] += " B";
                        // Update the user list display
                        updateUserListDisplay();
                        // Update the users.txt file
                        //saveUserListToFile();
                    } else {
                        alert("Handle not found!");
                    }
                } else {
                    alert("Invalid handle!");
                }
            }
        }
    }
 
    // Function to display WebSocket messages and update user list
    function displayWebSocketMessage(message) {
        const parsedMessage = JSON.parse(message);
        if (parsedMessage.stumble === "join") {
            // Handle join messages: Extract handle and username from the message
            const { handle, username } = parsedMessage;
            // Map handle to username in handleUserMap
            handleUserMap[handle] = username;
            // Add the user to the custom user list with the appropriate icon (join user)
            addUserToUserList({ handle, username }, "join");
        } else if (parsedMessage.stumble === "msg") {
            // Handle message messages: Extract handle and text from the message
            const { handle, text } = parsedMessage;
            // Retrieve username from handleUserMap or use handle if not found
            const username = handleUserMap[handle] || handle;
            // Display the message in the WebSocket messages div
            const webSocketMessagesDiv = document.getElementById("webSocketMessages");
            if (webSocketMessagesDiv) {
                // Append the message with a newline character
                webSocketMessagesDiv.textContent += `${username}: ${text}\n`;
                // Scroll to the bottom of the messages div
                webSocketMessagesDiv.scrollTop = webSocketMessagesDiv.scrollHeight;
            }
 
            // Additional logic for handling commands
            if (text === "#join") {
                console.log("join");
                // Add your logic here
            } else if (text === "#icon") {
                console.log("icon");
                // Add your logic here
            } else if (text === "#tokes") {
                console.log("tokes");
                // Call your tokes function here
                //TokesSendEnter();
            } else if (text.startsWith("#ai ")) {
                console.log("ai");
                // Extract the word after "#ai"
                const word = text.substring(4);
                console.log("Word after '#ai':", word);
                // Call your AI function here with the extracted word
                //DoAi(word); // Adjust parameters as needed
            }
        } else if (parsedMessage.stumble === "joined") {
            // Handle joined messages: Add users to handleUserMap and custom user list
            const userList = parsedMessage.userlist;
            if (userList && userList.length > 0) {
                userList.forEach(user => {
                    // Extract username from either "username" or "nick"
                    const username = user.username || user.nick;
                    // Map handle to username in handleUserMap
                    handleUserMap[user.handle] = username;
                    // Add the user to the custom user list with the appropriate icon
                    addUserToUserList({ handle: user.handle, username }, "joined");
                });
            }
        } else if (parsedMessage.stumble === "quit") {
            // Handle quit messages: Remove users from handleUserMap and custom user list
            const handle = parsedMessage.handle;
            const username = handleUserMap[handle];
            if (username) {
                // Remove the handle from handleUserMap
                delete handleUserMap[handle];
                // Remove the user from the custom user list
                removeUserFromUserList(handle);
            }
        }
    }
 
    // Function to update handleUserMap and add users to custom user list
    function updateUserListAndMapOnJoin(user) {
        // Update handleUserMap with the new user
        handleUserMap[user.handle] = user.username || user.nick; // Derive username from handle or nick
        // Add the new user to the custom user list
        addUserToUserList(user);
    }
 
    // Call the function to update the user list
    function updateUserListOnMessage(userList) {
        return function(message) {
            const parsedMessage = JSON.parse(message);
            if (parsedMessage.stumble === "join" || parsedMessage.stumble === "msg" || parsedMessage.stumble === "joined") {
                // Add user to user list
                addUserToUserList(parsedMessage);
            }
        };
    }
 
    // Function to create WebSocket messages div
    function createWebSocketMessagesDiv() {
        const div = document.createElement("div");
        div.id = "webSocketMessages";
        div.style.position = "relative";
        div.style.height = "25%";
        div.style.paddingLeft = "2px";
        div.style.visibility = "visible"; // Ensure the div is visible
        div.style.willChange = "transform";
        div.style.boxSizing = "border-box";
        div.style.overflowX = "hidden";
        div.style.overflowY = "auto";
        div.style.color = "#ffffff"; // Set font color to white
        div.style.padding = "10px"; // Example padding
        div.style.zIndex = "2"; // Set a higher z-index value for the WebSocket messages div
 
        // Additional styles for specific scenarios
        div.style.display = "flex";
        div.style.flexDirection = "column";
        div.style.justifyContent = "flex-end";
        div.style.fontSize = "18px";
 
        div.style.whiteSpace = "pre-wrap"; // Allow text to wrap within the container
        div.style.wordWrap = "break-word"; // Allow long words to break and wrap
 
        // Locate the chat-position div
        const chatPositionDiv = document.getElementById("chat-position");
        if (chatPositionDiv) {
            // Append custom div to the chat-position div
            chatPositionDiv.appendChild(div);
        } else {
            // If chat-position div not found, append to document body as fallback
            document.body.appendChild(div);
        }
    }
 
    // Call the function to create the WebSocket messages div
    createWebSocketMessagesDiv();
 
     // Function to remove user from custom user list
     function removeUserFromUserList(handle) {
        const userList = document.getElementById("userList");
        if (userList) {
            const userElements = userList.querySelectorAll("div");
            userElements.forEach(userElement => {
                if (userElement.textContent.includes(`(${handle})`)) {
                    userElement.remove();
                }
            });
        }
    }
 
        // Function to toggle visibility of custom user list
        function toggleCustomUserList() {
            const userListDiv = document.getElementById("userList");
            if (userListDiv) {
                userListDiv.style.display = userListDiv.style.display === "none" ? "block" : "none";
            }
        }
 
        // Add a button to toggle visibility of custom user list
        const usersButton = document.createElement("button");
        usersButton.textContent = "U";
        usersButton.style.position = "fixed";
        usersButton.style.top = "10px";
        usersButton.style.left = "10px";
        usersButton.addEventListener("click", toggleCustomUserList);
        document.body.appendChild(usersButton);
 
 
 
    /* Additional compacting styles */
    /*@-moz-document url-prefix("https://stumblechat.com/room/") {*/
    // Compact message styles
    const compactStyles = `
    .message .nickname ~ .content {
        display: inline-block;
        top: -7px;
        position: relative;
        margin-left: 2px;
        margin-right: 1em;
    }
    .content + .content {
        display: inline-block!important;
        margin-right: 1em;
    }
    .message .nickname ~ .content span {
        line-height: 1.5em;
    }
    `;
 
    // Apply compact styles to the document
    const style = document.createElement('style');
    style.textContent = compactStyles;
    document.head.appendChild(style);
    /*}*/
 
 
 
 
 
 
 
 
 
    // Define a function to display surreal visuals within a toggleable overlay
    function createSurrealVisuals() {
        // Select the HTML element to display visuals
        const visualsContainer = document.createElement('div');
        visualsContainer.id = 'surreal-visuals-overlay';
        visualsContainer.style.position = 'fixed';
        visualsContainer.style.top = '0';
        visualsContainer.style.left = '0';
        visualsContainer.style.width = '100%';
        visualsContainer.style.height = '100%';
        visualsContainer.style.zIndex = '999'; // Set a high z-index
        visualsContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
        visualsContainer.style.display = 'none'; // Initially hide the overlay
 
        // Array of shapes and colors for surreal visuals
        const shapes = ['circle', 'square', 'triangle'];
        const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff'];
 
        // Function to create surreal visuals
        function createVisuals() {
            // Clear existing visuals
            visualsContainer.innerHTML = '';
 
            // Create new visuals
            for (let i = 0; i < 10; i++) {
                const shape = shapes[Math.floor(Math.random() * shapes.length)];
                const color = colors[Math.floor(Math.random() * colors.length)];
 
                const visual = document.createElement('div');
                visual.classList.add('surreal-visual');
                visual.style.width = '50px';
                visual.style.height = '50px';
                visual.style.backgroundColor = color;
                visual.style.position = 'absolute';
                visual.style.top = Math.random() * window.innerHeight + 'px';
                visual.style.left = Math.random() * window.innerWidth + 'px';
 
                visualsContainer.appendChild(visual);
            }
        }
 
        // Call the function to create surreal visuals initially
        createVisuals();
 
        // Set interval to update visuals periodically
        const intervalId = setInterval(createVisuals, 5000); // Update every 5 seconds
 
        // Append the visuals container to the document body
        document.body.appendChild(visualsContainer);
 
        // Function to clear the interval when the overlay is closed
        visualsContainer.addEventListener('transitionend', function(event) {
            if (event.propertyName === 'display' && visualsContainer.style.display === 'none') {
                clearInterval(intervalId); // Stop updating visuals when overlay is closed
            }
        });
    }
 
 
    // Define a function to display cryptic messages within a toggleable overlay
    function displayCrypticMessages() {
        // Select the HTML element to display messages
        const overlayContainer = document.createElement('div');
        overlayContainer.id = 'cryptic-messages-overlay';
        overlayContainer.style.position = 'fixed';
        overlayContainer.style.top = '20%';
        overlayContainer.style.left = '50%';
        overlayContainer.style.width = '90%';
        overlayContainer.style.transform = 'translate(-50%, -50%)';
        overlayContainer.style.height = '100%';
        overlayContainer.style.zIndex = '1000';
        overlayContainer.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
        overlayContainer.style.display = 'none'; // Initially hide the overlay
 
        // Array of cryptic messages
        const messages = [
            '“It’s better to face madness with a plan than to sit still and let it take you in pieces.” ― Josh Malerman, "Bird Box"',
            '“What an excellent day for an exorcism.” — Demon, “The Exorcist”',
            '“Vampires, werewolves, fallen angels and fairies lurk in the shadows, their intentions far from honorable.” — Jeaniene Frost',
            '“If you gaze long enough into an abyss, the abyss will gaze back into you.” — Friedrich Nietzsche',
            '“Beware the dark pool at the bottom of our hearts. In its icy, black depths dwell strange and twisted creatures it is best not to disturb.” — Sue Grafton, “I is for Innocent”',
            '“Am I walking away from something I should be running away from?” — Shirley Jackson, “The Haunting of Hill House”',
            '“Sometimes dead is better.” — Stephen King, “Pet Sematary”',
            '“I was a newborn vampire, weeping at the beauty of the night.” — Anne Rice, “Interview with the Vampire”',
            '“All that we see or seem is but a dream within a dream.” — Edgar Allan Poe',
            '“Unfathomable to mere mortals is the lore of fiends.” — Nathaniel Hawthorne, “Young Goodman Brown”',
            '“Love will have its sacrifices. No sacrifice without blood.” — J. Sheridan Le Fanu, “Carmilla”',
            '“Everybody is a book of blood; wherever we’re opened, we’re red.” — Clive Barker, “Books of Blood”',
            '“Where there is no imagination, there is no horror.” — Arthur Conan Doyle',
            '“Would you like to see a magic trick?” — The Grabber, “The Black Phone”',
            '“Horror is like a serpent; always shedding its skin, always changing. And it will always come back.” — Dario Argento',
            '“There is something at work in my soul which I do not understand.” — Mary Shelley, “Frankenstein”',
            '“I’m scared to close my eyes, I’m scared to open them. We’re gonna die out here.” — Heather Donahue, “The Blair Witch Project”',
            '“Is there someone inside you?” — Psychiatrist, “The Exorcist”',
            '“I know of witches who whistle at different pitches, calling things that don’t have names.” — Helen Oyeyemi, “White is for Witching”',
            '“This is all it takes for people to plunge into insanity: one night alone with themselves and what they fear the most.” — Thomas Olde Heuvelt, “Hex”',
            '“They’re here.” — Carol Anne, “Poltergeist”',
            '“Come, dear. It’ll be easier for you than it was for Jason.” — Mrs. Voorhees, “Friday the 13th”',
            '“I knew nothing but shadows and I thought them to be real.” -Oscar Wilde, “The Picture of Dorian Gray”',
            '“Let’s talk, you and I. Let’s talk about fear.” — Stephen King, “Night Shift”',
            '“Dementors are vicious creatures. They will not distinguish between the one they hunt and the one who gets in their way.” — Albus Dumbledore, “Harry Potter and the Prisoner of Azkaban”',
            '“Evil thenceforth became my good.” — Mary Shelley, “Frankenstein”',
            '“Evil has only the power that we give it.” — Ray Bradbury, “Something Wicked This Way Comes”',
            '“When shall we meet again? In thunder, lightening, or in rain?” — William Shakespeare, “Macbeth”',
            '“I’m not gonna hurt ya. You didn’t let me finish my sentence. I said, ‘I’m not gonna hurt ya. I’m just going to bash your brains in!’” — Jack Torrance, “The Shining”',
            '“I shall never forget the afternoon when first I stumbled upon the half-hidden house of the dead.” — H.P. Lovecraft, “The Tomb”',
            '“Once upon a time, there was a girl and the girl had a shadow.” — Red, “Us”',
            '“I don’t know who he is, but he’s burned, and he wears a weird hat and a red and green sweater, really dirty. And he uses these knives, like giant fingernails.” — Nancy Thompson, “A Nightmare on Elm Street”',
            '“In this town, Michael Myers is a myth. He’s the Boogeyman. A ghost story to scare kids. But this Boogeyman is real. An evil like his never stops, it just grows older. Darker.” — Laurie Strode, “Halloween (2018)”',
            '“Out for a little walk … in the moonlight, are we?” — Severus Snape, “Harry Potter and the Prisoner of Azkaban”',
            '“People who cease to believe in God or goodness altogether still believe in the devil. I don’t know why. No, I do indeed know why. Evil is always possible.” — Anne Rice, “Interview with the Vampire”',
            '“They look exactly like us. They think like us. They know where we are. We need to move and keep moving. They won’t stop until they kill us ... or we kill them.” — Adelaide Wilson, “Us”',
            '“A deep sleep fell upon me — a sleep like that of death.” — Edgar Allan Poe, “The Pit and the Pendulum”',
            '“Every fairytale had a bloody lining. Every one had teeth and claws.” — Alice Hoffman, “The Ice Queen”',
            '“There’s a monster outside my room, can I have a glass of water?” — Bo Hess, “Signs”',
            '“Someone once told her that the stars were merely sewing pins, holding the black sky up so that it did not come down on the world and suffocate it.” — Alma Katsu, “The Deep”',
            '“ He’s not like us. He smiles a lot. But I think there might be worms inside him, making him smile.” — Stephen King, “The Stand”',
            '“I would die for her. I would kill for her. Either way, what bliss.” — Gomez, “The Addams Family”',
            '“It is only when a man feels himself face to face with such horrors that he can understand their true import.” — Bram Stoker, “Dracula”',
            '“One, two, Freddy’s coming for you. Three, four, better lock your door.” — Children, “A Nightmare on Elm Street”',
            '“A census taker once tried to test me. I ate his liver with some fava beans and a nice Chianti.” — Hannibal Lecter, “The Silence of the Lambs”',
            '“But the most frightening thing of all was the wind howling among the trees. Ichabod was sure that it was the sound of the Headless Horseman out looking for his head.” — Washington Irving, “The Legend of Sleepy Hollow',
            '“Its probably wrong to believe there can be any limit to the horror which the human mind can experience ...and the most terrifying question of all may be just how much horror the human mind can stand and still maintain a wakeful, staring, unrelenting sanity.” — Stephen King, “Pet Sematary”',
            '“Now, sink into the floor.” — Missy Armitage, “Get Out”',
            '“I am the writing on the walls. I am the sweet smell of blood on the street. The buzz that echoes in the alleyways.” — Anthony McCoy, “Candyman (2021)”',
            '“When the music stops, you’ll see him in the mirror standing behind you.” — April, “The Conjuring”',
            '“It was a death cry, rising until it seemed it could go no higher, then dwindling into a mournful, hopeless, ghastly farewell.” — Louise Morgan, “A Secret History of Witches”',
            '“A witch never gets caught. Don’t forget that she has magic in her fingers and devilry dancing in her blood.” — Roald Dahl, “The Witches”',
            '“Hate the smell of dampness, don’t you? It’s such a, I don’t know, creepy smell.” — Norman Bates, “Psycho”',
            '“I see dead people.” — Cole Sear, “The Sixth Sense”',
            '“I looked upon the sea; it was to be my grave.” — Mary Shelley, “Frankenstein”',
            '“Where are you, beautiful? Come out, come out, wherever you are!” — Frank, “Hellraiser”',
            '“Be warned: I sleep as the earth sleeps beneath the night sky or the winter’s snow; and once awakened, I am servant to no man.” — Anne Rice, “The Mummy”',
            '“You ever feel prickly things on the back of your neck?”— Cole Sear, “The Sixth Sense”',
            '“Something bumped into me — something soft and plump. It must have been the rats; the vicious, gelatinous, ravenous army that feast on the dead and the living.” — H.P. Lovecraft, “The Rats in the Walls”',
            '“Hell is empty and all the devils are here.” — William Shakespeare, “The Tempest”',
            '“Souls and memories can do strange things during trance.” — Bram Stoker, “Dracula”',
            '“The Further is a world far beyond our own, yet it’s all around us. A place without time as we know it. It’s a dark realm filled with the tortured souls of the dead. A place not meant for the living.” — Elise Reiner, “Insidious”',
            '“He knew what the wind was doing to them, where it was taking them, to all the secret places that were never so secret again in life.” — Ray Bradbury, “Something Wicked This Way Comes”',
            '“A black cat crossed my path, and I stopped to dance around it widdershins and to sing the rhyme, Ou va-ti mistigri? Passe sans faire de mai ici.” — Joanne Harris, “Chocolat”',
            'Embrace the chaos within...',
            'Seek truth in the depths of darkness...',
            'Transcend reality and enter the void...'
        ];
 
        // Create a message element
        const messageElement = document.createElement('div');
        messageElement.style.color = '#ffffff'; // Set font color to white
        messageElement.style.fontSize = '44px'; // Set font size as needed
        messageElement.style.textAlign = 'center'; // Center-align the message
        messageElement.style.marginTop = '20%'; // Adjust margin top to center vertically
 
        // Append the message to the overlay container
        overlayContainer.appendChild(messageElement);
 
        // Function to update the message content
        function updateMessage() {
            const randomIndex = Math.floor(Math.random() * messages.length);
            const message = messages[randomIndex];
            messageElement.textContent = message;
        }
 
        // Call the function to update the message content initially
        updateMessage();
 
        // Set interval to update message content periodically
        const intervalId = setInterval(updateMessage, 10000); // Update every 5 seconds
 
        // Append the overlay container to the document body
        document.body.appendChild(overlayContainer);
 
        // Function to clear the interval when the overlay is closed
        overlayContainer.addEventListener('transitionend', function(event) {
            if (event.propertyName === 'display' && overlayContainer.style.display === 'none') {
                clearInterval(intervalId); // Stop updating messages when overlay is closed
            }
        });
    }
 
    // Function to toggle both overlays on or off
    function toggleOverlays() {
        const visualsOverlay = document.getElementById('surreal-visuals-overlay');
        const messagesOverlay = document.getElementById('cryptic-messages-overlay');
 
        if (visualsOverlay.style.display === 'none') {
            visualsOverlay.style.display = 'block';
            messagesOverlay.style.display = 'block';
        } else {
            visualsOverlay.style.display = 'none';
            messagesOverlay.style.display = 'none';
        }
    }
 
        // Call functions to create surreal visuals and display cryptic messages
        createSurrealVisuals();
        displayCrypticMessages();
 
    // Create a button to toggle both overlays on or off
    const toggleButton = document.createElement('button');
    toggleButton.textContent = 'O';
    toggleButton.style.position = 'fixed';
    toggleButton.style.top = '10px';
    toggleButton.style.left = '20px';
    toggleButton.style.zIndex = '1001';
 
    // Add event listener to toggle the overlays visibility
    toggleButton.addEventListener('click', toggleOverlays);
 
    // Append the toggle button to the document body
    document.body.appendChild(toggleButton);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
})();