https://aeox.tech/sudarshan.html

제출된 URL:
https://aeox.tech/sudarshan.html
보고서 완료:

링크 · 3개 결과

링크텍스트
https://www.instagram.com/xd.sudarshanInstagram🌝
https://www.snapchat.com/add/xd.sudarshan?share_id=&locale=en-INAdd me to snap 〰️
https://pookie.emailPookie💌

JavaScript 변수 · 5개 결과

이름유형
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__cfBeaconobject

콘솔 로그 메시지 · 0개 결과

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link rel="icon" href="res/adoutme/f192.png" sizes="192x192">
<link rel="icon" href="res/adoutme/f512.png" sizes="512x512">
<link rel="apple-touch-icon" href="res/adoutme/f180.png" sizes="180x180">
    <link rel="shortcut icon" href="res/adoutme/favicon.ico" type="image/x-icon">
    <meta name="description" content="Webpage of the User with massive d- heart.!! . aka Sudarshan">
    
    <title>Your Pookie 🎀</title>
    
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap" rel="stylesheet">
    
    <style>
        /* Fullscreen loader styles */
        #loader {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #caff0a;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: slideIn 1.5s ease-out forwards;
            z-index: 9999;
        }

        #loader h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 2rem;
            color: #333;
            opacity: 0;
            animation: fadeInText 2s ease-in-out forwards;
        }

        @keyframes fadeInText {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        body.loaded #loader {
            animation: fadeOut 1s ease-in forwards;
        }

        @keyframes fadeOut {
            to {
                opacity: 0;
                transform: translateY(-100%);
            }
        }

        .content {
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        body.loaded .content {
            opacity: 1;
            transform: translateY(0);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #000000 0%, #caff0a 100%); 
            background-image: url('res/adoutme/b.jpg'); 
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: #ffffff;
            transition: background 0.5s ease;
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.8); 
            transition: background-color 0.3s ease;
        }

        .logo img {
            width: auto;
            height: 100px; 
            aspect-ratio: 16 / 9;
            animation: float 3s infinite ease-in-out;
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }

        .nav-links {
            list-style: none;
            display: flex;
        }

        .nav-links li {
            margin-left: 20px;
        }

        .nav-links a {
            color: #ffffff;
            text-decoration: none;
            font-size: 1.2rem;
            transition: color 0.3s ease, transform 0.3s ease;
        }

        .nav-links a:hover {
            color: #caff0a;
            transform: scale(1.1);
        }

        .hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            text-align: center;
            background: rgba(0, 0, 0, 0.6); 
            animation: slideInUp 1.5s ease-out forwards;
        }

        @keyframes slideInUp {
            0% {
                opacity: 0;
                transform: translateY(100px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .hero h1 {
            font-size: 4rem;
            margin-bottom: 20px;
            color: #FF5733;
            animation: glow 2s infinite alternate ease-in-out;
        }

        @keyframes glow {
            0% {
                text-shadow: 0 0 10px #FF5733, 0 0 20px #FF5733, 0 0 30px #FF5733;
            }
            100% {
                text-shadow: 0 0 20px #FF5733, 0 0 30px #FF5733, 0 0 40px #FF5733;
            }
        }

        .hero p {
            font-size: 1.5rem;
            opacity: 0;
            animation: fadeInText 3s ease-in-out forwards;
        }

        .content-section {
            padding: 50px;
            background-color: rgba(0, 0, 0, 0.8);
            animation: fadeInSection 1.5s ease-out forwards;
        }

        @keyframes fadeInSection {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .content-section h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #caff0a;
        }

        .card {
            background-color: rgba(255, 255, 255, 0.1);
            padding: 20px;
            margin: 10px 0;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        }

        footer {
            text-align: center;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.8);
        }

        .social-links {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        .social-links a {
            color: #f505ad;
            text-decoration: none;
            transition: color 0.3s ease, transform 0.3s ease;
        }

        .social-links a:hover {
            text-decoration: underline;
            transform: scale(1.2);
        }
    </style>
</head>
<body>

    <!-- Loading Screen -->
    <div id="loader">
        <h1> Welcome bbg 🫦</h1>
    </div>

    <!-- Actual content -->
    <div class="content">
        <nav>
            <div class="logo">
                <img src="res/adoutme/logo.png" alt="Logo"> 
            </div>
            <ul class="nav-links">
                <li><a href="#about">𝐚𝐛𝐨𝐮𝐭</a></li>
                <li><a href="#contact">𝐂𝐨𝐧𝐭𝐚𝐜𝐭?</a></li>
            </ul>
        </nav>

        <section class="hero">
            <h1>Hewo cutie</h1>
          <p> im Your-Sudarshan </p>
            <p>Equity Trader | DEV | Pookie 🫦</p>
        </section>

        <section id="about" class="content-section">
            <h2>About me</h2>
            <div class="card">
                <h3>Take time and read </h3>
                <p>Leo</p>
                <p>Knows HTML, CSS, NodeJS, and Python </p>
                <p>And a student with average grades</p>
                <p> 6'1ft ( can protect you )</p>
                <p> can fight. </p>
                <p> they call me walrus 🌚 </p>
                <p> ugly - so no one will steal me from you </p>
                 <p>BSE Equity trader</p>
                <p>November 2024 - Present</p>
                <p>-----------------------------</p>
                <p>What else were you expecting? I'm just 16, but I’m already making a lasting impression, right? 😏👀</p>
            </div>
        </section>

        <footer id="contact">
            <h3>wanna contact me?</h3>
            <ul class="social-links">
                <li><a href="https://www.instagram.com/xd.sudarshan" target="_blank">Instagram🌝</a></li>
                <li><a href="https://www.snapchat.com/add/xd.sudarshan?share_id=&amp;locale=en-IN">Add me to snap 〰️</a></li>
                <li><a href="https://aeox.tech/hack.html">Hack Me</a></li>
                <li><a href="https://pookie.email">Pookie💌</a></li>
            </ul>
            <p>Idea and devloped by Sudarshan &lt;3 </p>
        </footer>
    </div>

    <script>
        window.onload = function() {
            setTimeout(function() {
                document.body.classList.add('loaded');
            }, 1000);
        };
    </script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e9168f159013847',t:'MTczMjcwMzA4MS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8e9168f159013847&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;34f888dbe06f4c98b13ad532fec852b2&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>


</body></html>