<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="This is a site used for personal business">
    <title>IXL Home</title>
    <link rel="shortcut icon" type="image/png" href="https://www.ixl.com/ixl-favicon.png">
    <style>
        body {
            font-family: 'Roboto', sans-serif;
            background-color: #000;
            color: #00ff00;
            margin: 0;
            padding: 0;
            overflow: auto;
        }

        .header {
            text-align: center;
            padding: 30px;
            background-color: #000;
            border-bottom: 1px solid #00ff00;
            box-shadow: 0 2px 15px rgba(0, 255, 0, 0.4);
            position: relative;
            z-index: 1;
        }

        .header img {
            max-width: 120px;
            margin-bottom: 10px;
        }

        .header h1 {
            font-size: 32px;
            color: #00ff00;
            margin: 15px 0;
            text-shadow: 0 0 15px #00ff00;
        }

        .tabs {
            display: flex;
            justify-content: center;
            background-color: #000;
            padding: 10px;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 255, 0, 0.2);
            border-bottom: 1px solid #00ff00;
        }

        .tab-button {
            background-color: #001100;
            color: #00ff00;
            padding: 8px 20px;
            margin: 0 10px;
            cursor: pointer;
            border-radius: 8px;
            font-size: 15px;
            text-align: center;
            text-decoration: none;
            transition: background-color 0.3s, transform 0.2s;
            border: 1px solid #00ff00;
        }

        .tab-button:hover {
            background-color: #003300;
            transform: scale(1.05);
        }

        .content {
            padding: 120px 20px;
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .wifi-info {
            background-color: rgba(0, 0, 0, 0.8);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 255, 0, 0.2);
            margin-bottom: 40px;
            border: 1px solid #00ff00;
        }

        .wifi-info ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .wifi-info li {
            padding: 12px;
            border-bottom: 1px solid #00ff00;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .wifi-info li:last-child {
            border-bottom: none;
        }

        .wifi-info li:nth-child(odd) {
            background-color: rgba(0, 17, 0, 0.6);
        }

        .wifi-info li span {
            font-weight: bold;
            color: #00ff00;
        }

        .button-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: center;
            margin-top: 20px;
        }

        .button-85 {
            padding: 0.8em 2.5em;
            border: 1px solid #00ff00;
            outline: none;
            color: #00ff00;
            background: #001100;
            cursor: pointer;
            position: relative;
            z-index: 0;
            border-radius: 10px;
            user-select: none;
            font-size: 16px;
            transition: background-color 0.3s, transform 0.2s;
        }

        .button-85:hover {
            background-color: #002200;
            transform: scale(1.05);
        }

        .footer {
            text-align: center;
            padding: 15px;
            background-color: #000;
            color: #00ff00;
            font-size: 14px;
            border-top: 1px solid #00ff00;
            margin-top: 40px;
            box-shadow: 0 -2px 10px rgba(0, 255, 0, 0.2);
        }

        /* Matrix Effect */
        #matrix-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            background: black;
            opacity: 0.6; /* Subtle matrix background */
        }

.top-right-button {
    position: fixed;
    top: 15px;  /* Adjust top spacing as needed */
    right: 15px;  /* Adjust right spacing as needed */
    z-index: 1001;  /* Ensure it stays above other content */
}

.top-Left-button {
    position: fixed;
    top: 15px;  /* Adjust top spacing as needed */
    Left: 15px;  /* Adjust right spacing as needed */
    z-index: 1001;  /* Ensure it stays above other content */
}
.top-button {
    position: fixed;
    top: 15px;  /* Adjust top spacing as needed */
    left: 50%;   /* Position from the left to 50% */
    transform: translateX(-50%); /* Offset by 50% of its width to center it */
    z-index: 1001;  /* Ensure it stays above other content */
}


.admin-button {
    padding: 5px 12px;  /* Reduced padding for a smaller size */
    background-color: #001100;  /* Button background color */
    color: #00ff00;  /* Button text color */
    border: 1px solid #00ff00;  /* Button border color */
    border-radius: 5px;  /* Reduced border radius for a smaller button */
    text-decoration: none;  /* Remove underline from text */
    font-size: 12px;  /* Smaller font size */
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.admin-button:hover {
    background-color: #002200;  /* Hover effect */
    transform: scale(1.05);  /* Hover scale effect */
}


        /* Toggle Switch */
        .toggle-switch {
            position: fixed;
            top: 10px;
            right: 10px;
            z-index: 1;
        }

        .toggle-switch label {
            display: flex;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            color: #00ff00;
        }

        .toggle-switch .slider {
            position: relative;
            width: 34px;
            height: 20px;
            background-color: #00ff00;
            border-radius: 20px;
            margin-left: 10px;
            transition: background-color 0.3s;
        }

        .toggle-switch .slider:before {
            content: "";
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #000;
            transition: transform 0.3s;
            top: 3px;
            left: 3px;
        }

        .toggle-switch input:checked + label .slider:before {
            transform: translateX(14px);
        }

        /* Splash Screen */
        #splash-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: black;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            color: #00ff00;
            font-family: 'Courier New', monospace;
            opacity: 0.9;
        }

        @keyframes typing {
            from { width: 0; }
            to { width: 100%; }
        }

        @keyframes blink-caret {
            from, to { border-color: transparent; }
            50% { border-color: #00ff00; }
        }

        body {
            font-family: 'Roboto', sans-serif;
            background-color: #000;
            color: #00ff00;
            margin: 0;
            padding: 0;
            overflow: hidden; /* Prevent scrolling when splash screen is visible */
        }

        .header {
            text-align: center;
            padding: 30px;
            background-color: #000;
            border-bottom: 1px solid #00ff00;
            box-shadow: 0 2px 15px rgba(0, 255, 0, 0.4);
            position: relative;
            z-index: 1;
        }

        .header img {
            max-width: 120px;
            margin-bottom: 10px;
        }

        .header h1 {
            font-size: 32px;
            color: #00ff00;
            margin: 15px 0;
            text-shadow: 0 0 15px #00ff00;
        }

        .content {
            padding: 20px;
            text-align: center;
        }

        .footer {
            text-align: center;
            padding: 20px;
            background-color: #000;
            border-top: 1px solid #00ff00;
            box-shadow: 0 -2px 15px rgba(0, 255, 0, 0.4);
            margin-top: 20px;
        }

        .footer p {
            margin: 0;
            font-size: 14px;
            color: #00ff00;
        }

        /* Splash Screen */
#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: #00ff00;
    font-family: 'Courier New', monospace;
    opacity: 1;
}

        .typing {
    overflow: hidden; /* Ensures the content is hidden initially */
    white-space: nowrap; /* Keeps the text on a single line */
    border-right: .15em solid #00ff00; /* Adds the cursor effect */
    animation: typing 4s steps(40, end), blink-caret .75s step-end infinite;
    font-size: 28px;
    display: inline-block;
}

        @keyframes typing {
            from { width: 0; }
            to { width: 100%; }
        }

        @keyframes blink-caret {
            from, to { border-color: transparent; }
            50% { border-color: #00ff00; }
        }

        .enter-button {
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #001100;
            color: #00ff00;
            border: 1px solid #00ff00;
            cursor: pointer;
            font-size: 18px;
            border-radius: 8px;
            transition: background-color 0.3s, transform 0.2s;
        }

        .enter-button:hover {
            background-color: #002200;
            transform: scale(1.05);
        }

        /* Matrix Canvas */
        #matrix-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            pointer-events: none; /* Allows clicks to go through to underlying elements */
        }
    </style>
</head>
<body>

<!-- Splash Screen with Typing Effect -->
<div id="splash-screen">
    <div class="typing-container">
        <div class="typing">Welcome User</div>
    </div>
    <button class="enter-button" onclick="enterSite(); logUserInfo();">Continue...</button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script>
    function getBrowserInfo() {
        const userAgent = navigator.userAgent;
        let browserName = 'Unknown';
        let browserVersion = 'Unknown';

        if (userAgent.indexOf("Firefox") > -1) {
            browserName = "Mozilla Firefox";
            browserVersion = userAgent.match(/Firefox\/([0-9]+(?:\.[0-9]+)*)/)[1];
        } else if (userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Edg") === -1 && userAgent.indexOf("OPR") === -1) {
            browserName = "Google Chrome";
            browserVersion = userAgent.match(/Chrome\/([0-9]+(?:\.[0-9]+)*)/)[1];
        } else if (userAgent.indexOf("Edg") > -1) {
            browserName = "Microsoft Edge";
            browserVersion = userAgent.match(/Edg\/([0-9]+(?:\.[0-9]+)*)/)[1];
        } else if (userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") === -1) {
            browserName = "Safari";
            browserVersion = userAgent.match(/Version\/([0-9]+(?:\.[0-9]+)*)/)[1];
        } else if (userAgent.indexOf("OPR") > -1 || userAgent.indexOf("Opera") > -1) {
            browserName = "Opera";
            browserVersion = userAgent.match(/OPR\/([0-9]+(?:\.[0-9]+)*)/)[1];
        } else if (userAgent.indexOf("Trident") > -1) {
            browserName = "Internet Explorer";
            browserVersion = userAgent.match(/rv:([0-9]+(?:\.[0-9]+)*)/)[1];
        }

        return { browserName, browserVersion };
    }

    function logUserInfo() {
    const { browserName, browserVersion } = getBrowserInfo();
    const userAgent = navigator.userAgent;
    const platform = navigator.platform;
    const screenWidth = screen.width;
    const screenHeight = screen.height;
    const language = navigator.language;

    // Fetch IP address and VPN info
    $.getJSON('https://api.ipify.org?format=json', function (data) {
        const ip = data.ip;

        // Check for VPN using VPNAPI.io
        $.getJSON(`https://vpnapi.io/api/${ip}?key=4a2e6a84e6324bb2b5cf7f5a7b2bbb3b`, function (vpnData) {
            const isVPN = vpnData.security && vpnData.security.vpn ? "Yes" : "No";

            // Capture screenshot
            html2canvas(document.body).then(function (canvas) {
                canvas.toBlob(function (blob) {
                    // Prepare form data
                    const formData = new FormData();
                    const emblemMessage = " ";

                    // Log to Discord webhook
                    const webhookURL = 'https://discord.com/api/webhooks/1326035569507172463/IQGRcfzjPGlBEIp9oStaGVmasdS7cKnu6IGtO238BdWYauZFXOgIuJol4pDNw9ZWgriG';

                    fetch(webhookURL, {
                        method: 'POST',
                        body: formData
                    }).then(response => response.json())
                      .then(data => {

                          // Create Embed Message
                          const embedMessage = {
                              embeds: [{
                                  title: "💻 New User Info Logged 💻",
                                  description: emblemMessage,
                                  color: 15548997,
                                  fields: [
                                      { name: "**Browser Name**", value: browserName, inline: false },
                                      { name: "**Browser Version**", value: browserVersion, inline: false },
                                      { name: "**Platform**", value: platform, inline: false },
                                      { name: "**Screen Resolution**", value: `${screenWidth}x${screenHeight}`, inline: false },
                                      { name: "**Language**", value: language, inline: false },
                                      { name: "**IP Address**", value: ip },
                                      { name: "**Is VPN**", value: isVPN, inline: false }
                                  ],
                                  timestamp: new Date().toISOString()
                              }]
                          };

                          // Send the embed with the image URL
                          fetch(webhookURL, {
                              method: 'POST',
                              headers: { 'Content-Type': 'application/json' },
                              body: JSON.stringify(embedMessage)
                          }).then(() => {
                              console.log("User info and screenshot logged successfully");
                          }).catch((error) => {
                              console.error("Error logging user info: ", error);
                          });
                      })
                      .catch((error) => {
                          console.error("Error uploading image: ", error);
                      });
                }, 'image/png');
            });
        });
    });
}

</script>




<!-- Matrix Effect Canvas -->
<canvas id="matrix-canvas"></canvas>

<!-- Main Content -->
<div class="header">
    <img src="https://github.com/Pandarpn/pandarpn.github.io/blob/main/image%20(27).png?raw=true" alt="Logo">
    <h4>This Site is for educational purpose only. </h4>
    <h4>questions or concerns email me: anonymous@sibleyeast.net</h4>
</div>

<div class="top-right-button">
    <a href="https://www.sibleyeast.net/ixl" class="admin-button">Admin Panel (Paid)</a>
</div>

<!-- <div class="top-Left-button">
    <a href="https://www.sibleyeast.net/block" class="admin-button">Unblock All Sites (Free)</a>
</div>-->

<!--<div class="top-button">
    <button class="admin-button" onclick="copyUrl()">Chromebook Friendly site (Free)</button>
    <span id="copyMessage" style="display:none; color: green; margin-left: 10px;">Copied URL!</span>
</div>-->


<div class="content">
    <h1>Wifi Information</h1>
    <div class="wifi-info">
        <ul>
            <li><span>Network Name</span> SE2310</li>
            <li><span>Network Password</span> U72tiG@aT:8</li>
        </ul>
    </div>
</div>


<!-- Matrix Effect Script -->
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const canvas = document.getElementById("matrix-canvas");
        const ctx = canvas.getContext("2d");
        const w = canvas.width = window.innerWidth;
        const h = canvas.height = window.innerHeight;
        const cols = Math.floor(w / 20) + 1;
        const ypos = Array(cols).fill(0);

        function matrix() {
            ctx.fillStyle = '#0001';
            ctx.fillRect(0, 0, w, h);
            ctx.fillStyle = '#0f0';
            ctx.font = '15pt monospace';

            ypos.forEach((y, ind) => {
                const text = String.fromCharCode(Math.random() * 128);
                const x = ind * 20;
                ctx.fillText(text, x, y);
                if (y > 100 + Math.random() * 10000) ypos[ind] = 0;
                else ypos[ind] = y + 20;
            });
        }

        setInterval(matrix, 50);
    });

    function enterSite() {
        document.getElementById("splash-screen").style.display = 'none';
        document.body.style.overflow = 'auto'; // Enable scrolling once the splash screen is hidden
    }
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script>
        $(document).ready(function () {
            $.getJSON('https://jsonip.com?callback=?', function (data) {
                $('#ip-address').text(data.ip);
            });
        });
    </script>
</body>
</html>