Hub

Public·239 members

Back

Cash Richard

March 26, 2024

Verified Account

An example of how much content you can fit in one po$t. And you can fit even more! #Wednesday #Humpday

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Code</title>
    <style>
        /* Popup styles */
        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #1e1e1e; /* Changed background color */
            padding: 20px;
            border: 2px solid #1E1D1D;
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            z-index: 9999;
            display: none;
            max-width: 90%;
            width: 300px; /* Adjust the width as needed */
        }

        .popup h2 {
            margin-top: 0;
            font-size: 24px; /* slightly larger font size */
            color: #ffffff; /* Changed text color to white */
        }

        .popup p {
            margin-bottom: 20px;
            font-size: 18px; /* slightly larger font size */
            color: #ffffff; /* Changed text color to white */
        }

        .popup button {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            background-color: #ffffff; /* Changed button background color to white */
            color: #1e1e1e; /* Changed button text color to black */
            cursor: pointer;
            font-size: 16px;
        }
    </style>
</head>
<body>

<!-- Popup for late-night reminder -->
<div id="latePopup" class="popup">
    <h2>It's getting late!</h2>
    <p>Take a break and get some rest! &#x1F31B</p>
    <button onclick="closeLatePopup()">Dismiss</button>
</div>

<!-- Popup for the 1-hour interval reminder -->
<div id="breakPopup" class="popup">
    <h2>Time for a break?</h2>
    <p>It looks like you've been on our site for a little while now. &#x1F566 Take a tiny break & come back refreshed!</p>
    <button onclick="closeBreakPopup()">Dismiss</button>
</div>

<script>
    // Function to open the late-night reminder popup
    function openLatePopup() {
        var latePopup = document.getElementById("latePopup");
        latePopup.style.display = "block";
    }

    // Function to close the late-night reminder popup
    function closeLatePopup() {
        var latePopup = document.getElementById("latePopup");
        latePopup.style.display = "none";
    }

    // Function to open the 1-hour interval reminder popup
    function openBreakPopup() {
        var breakPopup = document.getElementById("breakPopup");
        breakPopup.style.display = "block";
    }

    // Function to close the 1-hour interval reminder popup
    function closeBreakPopup() {
        var breakPopup = document.getElementById("breakPopup");
        breakPopup.style.display = "none";
    }

    // Check if the late-night reminder popup should be shown
    function checkLatePopup() {
        var currentTime = new Date();
        var hours = currentTime.getHours();
        if (hours >= 18 && hours < 19) {
            setTimeout(openLatePopup, 60000); // Show the popup 1 minute after site loading
        }
    }

    // Call the checkLatePopup function when the page loads
    window.onload = checkLatePopup;

    // Function to open the 1-hour interval reminder popup after 2 minutes on the site
    function checkBreakPopup() {
        setTimeout(openBreakPopup, 120000); // Show the popup 2 minutes after site loading
    }

    // Call the checkBreakPopup function when the page loads
    window.onload = checkBreakPopup;
</script>

<!-- Your existing scripts and content here -->

</body>
</html>

Ask your question

Write an answer
Write an answer

🤣

WEWE

WEWEWE

#Wednesday #Humpday #CRS #Trending

12 Views

Members

Big Boy
Akanksha
Alex Hammond
thepopularsmart1 thepopularsmart1
thepopularsmart1 thepopularsmart1
girjealiub
girjealiub

See All Members (239)

⚠ Warning: Leaving this Site

Hub

An example of how much content you can fit in one po$t. And you can fit even more! #Wednesday #Humpday

Members