https://floydai.net/

掃描 ID：: dfeaad72-fa37-406a-b5c6-cb0cbb20689a已完成
已提交的 URL：: https://floydai.net/
報告完成時間：: 2024年10月19日 23:48:17
連結 · 找到 7 個

從頁面中識別的傳出連結
連結	Text
https://t.me/GeorgeDroydAI	#nontent { position: relative; } #nontent img { position: absolute; top: 0px; left: 0px; }
https://microsoft.com
https://dexscreener.com/solana/2rwds9xedxsmgkrznt2uk4fmnxtykvq6llyvxpwvums3
https://jup.ag/swap/SOL-J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U
https://x.com/FloydProMax
https://www.microsoft.com/en-us/about/people
https://solscan.io/token/J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U
JavaScript 變數 · 找到 65 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
名稱	類型
0	object
1	object
2	object
3	object
4	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
BABYLON	object
LOADERS	object
主控台記錄訊息 · 找到 4 條

記錄到 Web 主控台的訊息
類型	類別	記錄
error	network	URL https://floydai.net/jquery.min.js Text Failed to load resource: the server responded with a status of 404 ()
warning	other	URL https://floydai.net/ Text Unrecognized feature: 'web-share'.
error	network	URL https://floydai.net/hover-sound1.mp3 Text Failed to load resource: the server responded with a status of 404 ()
error	network	URL https://floydai.net/NiseSega.TTF Text Failed to load resource: the server responded with a status of 404 ()
HTML

頁面的原始 HTML 主體
<html><head>

      
        <!-- HTML Meta Tags -->
        <meta charset="utf-8">
        <title>FloydAI </title>
        <meta name="description" content="Microsoft Propylon Technologies">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script async="" src="https://embed.tawk.to/6687f5b0eaf3bd8d4d1872f3/1i21hfe95" charset="UTF-8" crossorigin="*"></script><script src="https://cdn.babylonjs.com/babylon.js"></script>
        <script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
        <!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/6687f5b0eaf3bd8d4d1872f3/1i21hfe95';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
 <style>
        h2#Tokenomics {
            margin-top: 0;
        }
        p {
            font-size: 24px; 
            color: turquoise;
        }
    </style>
          <title>White Logos</title>
    <link rel="stylesheet" href="styles.css">
    
             <title>Horizontal Scrolling Logos</title>
    <title>Scrolling Images</title>
    <style>
        body {
            margin: 0;
            overflow-x: hidden;
        }
        .scroll-container {
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100px;
            overflow: hidden;
            pointer-events: none; /* Ensure scrolling images don't interfere with interaction */
        }
        .scroll-left {
            left: 0;
        }
        .scroll-right {
            right: 0;
        }
        .scroll-container img {
            position: absolute;
            bottom: 0; /* Start from the bottom of the viewport */
            left: 50%;
            transform: translateX(-50%);
            animation: scroll 10s linear infinite;
        }
        @keyframes scroll {
            0% {
                bottom: 0; /* Start from the bottom of the viewport */
            }
            100% {
                bottom: 100vh; /* Move to the top of the viewport */
            }
        }
    </style>


    <style>
.logo-container {
    display: flex;
    justify-content: space-around; /* Distribute logos evenly with space around them */
    align-items: center; /* Center align vertically */
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent items from wrapping */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    -ms-overflow-style: -ms-autohiding-scrollbar; /* Hide scrollbar in IE/Edge */
    padding: 10px; /* Optional: Add padding around logos */
}

.logo-container img {
    flex: 0 0 auto; /* Allow logos to grow and shrink, but not basis */
    max-width: 150px; /* Set a maximum width */
    max-height: 50px; /* Set a maximum height */
    height: auto; /* Maintain aspect ratio */
    margin: 0 10px; /* Add space around logos */
    position: relative; /* Required for the glow effect */
    background-clip: padding-box; /* Clip the background to the padding box */
    animation: pulseGlow 2s infinite; /* Apply the glowing pulsing effect */
}

.logo-container img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, rgba(0, 255, 255, 1), rgba(0, 255, 255, 0.7), transparent);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    animation: pulseGlow 2s infinite;
}

/* Define the keyframes for the glowing pulsing effect */
@keyframes pulseGlow {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}




    </style>
            <title>Pulse and Glow Effect</title>
<style>
    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }

    @keyframes glow {
        0% {
            text-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red, 0 0 30px red, 0 0 35px red;
        }
        14% {
            text-shadow: 0 0 5px orange, 0 0 10px orange, 0 0 15px orange, 0 0 20px orange, 0 0 25px orange, 0 0 30px orange, 0 0 35px orange;
        }
        28% {
            text-shadow: 0 0 5px yellow, 0 0 10px yellow, 0 0 15px yellow, 0 0 20px yellow, 0 0 25px yellow, 0 0 30px yellow, 0 0 35px yellow;
        }
        42% {
            text-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px green, 0 0 25px green, 0 0 30px green, 0 0 35px green;
        }
        57% {
            text-shadow: 0 0 5px blue, 0 0 10px blue, 0 0 15px blue, 0 0 20px blue, 0 0 25px blue, 0 0 30px blue, 0 0 35px blue;
        }
        71% {
            text-shadow: 0 0 5px indigo, 0 0 10px indigo, 0 0 15px indigo, 0 0 20px indigo, 0 0 25px indigo, 0 0 30px indigo, 0 0 35px indigo;
        }
        85% {
            text-shadow: 0 0 5px violet, 0 0 10px violet, 0 0 15px violet, 0 0 20px violet, 0 0 25px violet, 0 0 30px violet, 0 0 35px violet;
        }
        100% {
            text-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red, 0 0 30px red, 0 0 35px red;
        }
    }

    @keyframes rainbow {
        0% {
            color: red;
        }
        14% {
            color: orange;
        }
        28% {
            color: yellow;
        }
        42% {
            color: green;
        }
        57% {
            color: blue;
        }
        71% {
            color: indigo;
        }
        85% {
            color: violet;
        }
        100% {
            color: red;
        }
    }

    .centered-container {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #000;
    }

#Foosecoin {
    animation: pulse 2s infinite, glow 5s infinite, rainbow 5s infinite;
    font-size: 5rem;
    text-align: center;
    line-height: 1;
    display: inline-block; /* or inline-flex */
    margin: 0;
    padding: 0;
}
</style>
          <style>
          
    
.scale img:hover {
    transform: scale(1.67); /* increase size on hover */
    transform-origin: top center; /* center the transformation */
}

    @keyframes shake {
      0% { transform: translate(0px, 0px) rotate(0deg); }
      10% { transform: translate(-2px, -2px) rotate(-5deg); }
      20% { transform: translate(2px, 2px) rotate(5deg); }
      30% { transform: translate(-2px, 2px) rotate(-5deg); }
      40% { transform: translate(2px, -2px) rotate(5deg); }
      50% { transform: translate(0px, 0px) rotate(0deg); }
      60% { transform: translate(-2px, 2px) rotate(-5deg); }
      70% { transform: translate(2px, -2px) rotate(5deg); }st
      80% { transform: translate(2px, 2px) rotate(5deg); }
      90% { transform: translate(-2px, -2px) rotate(-5deg); }
      100% { transform: translate(0px, 0px) rotate(0deg); }
    }
    @keyframes shine {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
.shake > a:first-child img {
    animation: shake .3s infinite; /* Adjust the duration and other properties as needed */
    position: relative;
    left: 15px; /* Adjust the left position to move the first image to the right */
}
    
    .shake > a:first-child img:hover {
    animation: hoverShake 0.5s ease-in-out; 
}
     
}
  </style>

        <!-- Facebook Meta Tags -->
        <meta property="og:url" content="https://floydai.net">
        <meta property="og:type" content="website">
        <meta property="og:title" content="George Droyd">
        <meta property="og:description" content="Microsoft Propylon Technologies">
        <meta property="og:image" content="heart.jpg">

        <!-- Twitter Meta Tags -->
        <meta name="twitter:card" content="summary_large_image">
        <meta property="twitter:domain" content="floydai.net">
        <meta property="twitter:url" content="https://floydai.net">
        <meta name="twitter:title" content="George Droyd">
        <meta name="twitter:description" content="Microsoft Propylon Technologies">
       <link rel="shortcut icon" href="hey3.png">
       <style type="text/css">
       
 
       
       h1 {
  font-size: 82px;
}
            * {
                cursor: url("psword.gif"), crosshair !important;
            }
            body {
                margin: 0;
                padding: 0;
                color:white;
            }
            .content-area {
                margin-left: 5%;
                margin-right: 5%;
                background-color: rgba(0, 0, 0, 0.829);
            }
            .center {
                margin-left: auto;
                margin-right: auto;
            }
         .img-background {
                background-image: url("set7.gif");
                background-size: 100%;
                background-repeat: repeat-y;
                background-attachment: fixed;
                height: 100%;
                width: 100%;
            }
            .alpha-darken-bg {
                background-color: rgba(70, 30, 30, 0.829);
            }
            a {
                background-color:rgba(0, 0, 0, 0);;
            }
            .header-img {
                max-height: 18px;
            }
            div.content-area {
                padding: 1%;
            }
            .video-responsive{
                overflow:hidden;
                padding-bottom:56.25%;
                position:relative;
                height:0;
            }
            .video-responsive iframe{
                left:0;
                top:0;
                height:100%;
                width:100%;
                position:absolute;
            }
            .top-nav {
                font-weight: bold;
            }
            #Foosecoin {
                background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-top:-1em;
            } 

            :root {
                --width: 300px;
                --x-speed: 13s;
                --y-speed: 7s;
                --transition-speed: 2.2s;
            }

            .el { 
                /* width: var(--width); */
                /* height: var(--width); */
                height: 50px;   
                z-index: 20;
            }

            .x {
                animation: x var(--x-speed) linear infinite alternate;
            }
            .y {
                animation: y var(--y-speed) linear infinite alternate;
            }

            @keyframes x {
            100% {
                transform: translateX(calc(100vw - var(--width)));
            }
            }
            @keyframes y {
            100% {
                transform: translateY(calc(100vh - var(--width)));
            }
            }
            button {
                background-image: linear-gradient(to right, #015ad1, #1748bc);
                border-radius: 50px;
                border: 0;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
                color: #fff;
                cursor: pointer;
                padding: 10px 25px;
                transition: all 0.1s ease-in-out;
            }

            button.redpill{
                background-image: linear-gradient(to right, #d10101, #bc1717);
                border-radius: 50px;
                border: 0;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
                color: #fff;
                cursor: pointer;
                padding: 10px 25px;
                transition: all 0.1s ease-in-out;
            }

            button:active {
                opacity: 0.8;
            }

            button:focus {
                outline: none;
                box-shadow: 0 0 1px 2px #015ad1;
            }

            .modal-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.modal-wrapper.open {
    opacity: 1;
    z-index: 999;
}

.modal {
    background-color: rgb(0, 0, 0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 380px;
    max-width: 95%;
}

.modal-header {
    background: #015ad1;
    background-image: linear-gradient(to right, #015ad1, #1748bc);
    color: #fff;
    padding: 15px 0;
}

.modal-header h3 {
    margin: 0;
}

.modal-body {
    padding: 15px 20px;
}

.modal-body h4 {
    margin: 0;
}
 
.modal-body p {
    letter-spacing: 0.5px;
    line-height: 24px;
    margin: 10px 0 0;
}

.modal-footer {
    background-color: #eee;
    padding: 15px 0;
}

@font-face { 
    font-family: "Nise-Sega"; src: url(NiseSega.TTF); 
}

#Foosecoin {
    font-family: "Nise-Sega";
    font-weight: 100;
}

.HowToBuy, .ca {
    font-size:1.3rem;
}
.addy{
    color:turquoise;
}
.marquee-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1; /* Set a high z-index to ensure it's on top of other content */
}
        </style>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'G-ZV2L095DP6');
        </script>
         <style>
    /* Container styling */
    #integrated-terminal {
      width: 80%; /* Adjust width as needed */
      height: 500px; /* Adjust height as needed */
      margin: 0 auto;
      overflow: hidden; /* Ensure terminal content is not displayed outside of its container */
    }
  </style>
        <script src="https://terminal.jup.ag/main-v2.js"></script>
        
    
    </head>

    <body class="img-background">
        <div class="modal-wrapper" id="modal">
            <div class="modal">
                <div class="modal-header">
                    <h3>Complete Captcha to Continue </h3>
                </div>
                <div class="modal-body">
                    <h2>Derek Chauvin is a faggot</h2>
                    <p>
                        Do you agree?
                    </p>
                </div>
                <div class="modal-footer">
                    <button class="redpill" id="closeModalBtn">Yes</button>
                    <button class="bluepill" id="redirectModalBtn">I'm Gay </button>
                </div>
            </div>
        </div>
                   <div class="smollshine buyhere"></div>
                   
                   
                   
                   <style>
    #content {
        position: relative;
    }
    #content img {
        position: absolute;
        top: 0px;
        right: 0px;
    }
</style>

<div id="content">
    <a href="https://t.me/GeorgeDroydAI" target="_blank"> <img src="tel3.gif" class="ribbon" alt="">
    
    
</a></div><a href="https://t.me/GeorgeDroydAI" target="_blank">
     <style>
    #nontent {
        position: relative;
    }
    #nontent img {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    
</style>
</a><div style="position: relative; z-index: 1;"><a href="https://t.me/GeorgeDroydAI" target="_blank">
</a><div id="nontent"><a href="https://t.me/GeorgeDroydAI" target="_blank">
    </a><a href="https://microsoft.com" target="_blank"> <img src="fun2.gif" class="ribbon" alt="">
    
    
</a></div><a href="https://microsoft.com" target="_blank">




    </a>
  </div>

  
  
<audio id="hoverSound1" src="hover-sound1.mp3"></audio>

  <center class="scale">
    <a href="https://dexscreener.com/solana/2rwds9xedxsmgkrznt2uk4fmnxtykvq6llyvxpwvums3" target="_blank"><img src="new.gif" alt="Welcome to FloydAI" title="Welcome to FloydAI"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://jup.ag/swap/SOL-J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U" target="_blank"><img src="b1.gif" alt="How to Buy" title="How To Buy"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://x.com/FloydProMax" target="_blank"><img src="c2.gif" alt="About" title="About"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#Tokenomics"><img src="d2.gif" alt="Tokenomics" title="???"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://www.microsoft.com/en-us/about/people" target="_blank"><img src="e2.gif" alt="Team" title="Team"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="Whitepaper.txt" target="_blank"><img src="f2.gif" alt="White Paper" title="White Paper"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#FunnyPictures"><img src="g2.gif" alt="Funny Pictures" title="Funny Pictures"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://solscan.io/token/J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U" target="_blank"><img src="h22.gif" alt="Sol Scan" title="Sol Scan"></a>
  </center>
   





<div style="position: relative; z-index: -1;">
    <marquee style="color: rgb(255, 166, 0); font-size: 34px; display: inline-block; font-weight: bold;" scrollamount="17">
      
        
        <blink>BREAKING NEWS: &nbsp;FLOYDGPT&nbsp; BETA&nbsp; LAUNCH&nbsp; REVOLUTIONIZES&nbsp; THE &nbsp;TECH &nbsp;SPACE</blink>
        
    </marquee>
</div>

                        
                        
                    
                    <hr style="height:11px;border-width:0;color:rgb(0 34 189);background-color:rgb(0 34 189);">
                    <!-- <hr style="height:4px;border-width:0;color:rgb(82, 57, 37);background-color:rgb(82, 57, 37);    margin-left: 5%; -->
                    <!-- margin-right: 5%;"> -->
                
            
        
        <div class="content-area shake">
            <div class="el-wrap x">
                <img class="el y" src="fun.gif">
            </div>
             <div class="centered-container">
        <h1 id="Foosecoin">NEW MICROSOFT PROJECT! &nbsp;PROPYLON CYBORG</h1>
    </div>
          
     
            <br><br>

             <div style="text-align: center;">
    <audio id="music" controls="" autoplay="" style="display: inline-block; color: black;">
        <source src="rave.mp3" type="audio/mp3">
    </audio>
   
    
    
            
            
</div>

           
 	 

        
        
        <div class="content-area">
        
      
                     <style>;
    .container {
 /* adjust as per your image size */
  width: 400px; /* adjust as per your image size */
      height: 400px; /* adjust as per your image size */
      overflow: visible; /* to clip any part of the image that moves outside */
    }

    .shaking-image {
      width: 100%;
      height: auto;
      transition: transform 0.1s ease-in-out; /* smooth transition for the shaking effect */
    }

    .shaking-image:hover {
      animation: shake 0.3s infinite; /* applying the shaking animation on hover */
    }

     @keyframes shake {
      0% { transform: translate(0px, 0px) rotate(0deg); }
      10% { transform: translate(-5px, -5px) rotate(-10deg); }
      20% { transform: translate(5px, 5px) rotate(10deg); }
      30% { transform: translate(-5px, 5px) rotate(-10deg); }
      40% { transform: translate(5px, -5px) rotate(10deg); }
      50% { transform: translate(0px, 0px) rotate(0deg); }
      60% { transform: translate(-5px, 5px) rotate(-10deg); }
      70% { transform: translate(5px, -5px) rotate(10deg); }
      80% { transform: translate(5px, 5px) rotate(10deg); }
      90% { transform: translate(-5px, -5px) rotate(-10deg); }
      100% { transform: translate(0px, 0px) rotate(0deg); }
    }
  </style>
  
<div style="display: flex; justify-content: center;">
    <div class="container">
        <img src="wtf.png" class="image-1" style="width: 400px; height: 400px; pointer-events: none;">
        <a href="https://jup.ag/swap/SOL-J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U" target="_blank">
            <img src="checkout5.gif" style="width: 400px; height: 400px; display: block; margin: 0 auto;" alt="Your Image" class="shaking-image">
            <img src="boom.png" class="image-3" style="width: 400px; height: 400px; pointer-events: none;">
        </a>
    </div>
</div>
<div style="display: flex; justify-content: center; align-items: center; height: 100vh; position: relative;">
    <div style="position: relative;">
        <canvas id="renderCanvas" style="max-width: 100%; height: 90vh; width: 1300px; box-sizing: border-box; border: 10px solid blue;"></canvas>
        <div style="position: absolute; top: 10px; left: 50%; transform: translateX(-50%); color: white; font-size: 24px; font-weight: bold; z-index: 10;">
            M1 Spin - M2 Pan - Scroll Zoom
        </div>
    </div>
    
    <script>
        const canvas = document.getElementById("renderCanvas");
        const engine = new BABYLON.Engine(canvas, true);
  
        const createScene = function () {
            const scene = new BABYLON.Scene(engine);
            
            // Add a camera
            const camera = new BABYLON.ArcRotateCamera("camera", -Math.PI / 2, Math.PI / 2.3, 2.5, new BABYLON.Vector3(0, 0, 0), scene);
            camera.attachControl(canvas, true);
            scene.clearColor = new BABYLON.Color4(0,0,0,0);
            
            // Add a custom pipeline and bloom settings
            const pipeline = new BABYLON.DefaultRenderingPipeline("defaultPipeline", true, scene, [camera]);
            pipeline.bloomEnabled = true;
            pipeline.bloomThreshold = 0.7;
            pipeline.bloomWeight = 0.8;
            pipeline.bloomKernel = 64;
            pipeline.bloomScale = 0.5;
            
            // Load the 3D model
            BABYLON.SceneLoader.ImportMesh("", "model/", "angelapplied.glb", scene, function (meshes) {
                meshes[0].scaling = new BABYLON.Vector3(1, 1, 1);
                camera.target = meshes[0].getBoundingInfo().boundingBox.centerWorld;
            });
            
            camera.wheelPrecision = 50;
            return scene;
        };
        
        const scene = createScene();
  
        engine.runRenderLoop(function () {
            scene.render();
        });
  
        window.addEventListener("resize", function () {
            engine.resize();
        });
        
        canvas.addEventListener("wheel", function(e) {
            e.preventDefault();
        }, { passive: false });
    </script>
</div>


    
<style>
.container {
    position: relative; /* Ensure the container is positioned relative */
    width: 800px; /* Adjust container width as needed */
    text-align: center; /* Center align the content inside */
}

.image-1 {
    position: absolute;
    left: -300;
    top: 0;
}

.image-3 {
    position: absolute;
    right: -300;
    top: 0;
}
</style>





  
  

    <div class="scroll-container scroll-left">
        <img src="REKT2.png" alt="Left Scrolling Image" style="width: 120px; height: 240x;">
    </div>
    <div class="scroll-container scroll-right">
        <img src="REKT.png" alt="Right Scrolling Image" style="width: 120px; height: 240px;">
    </div>


	    
        <h2 id="Tokenomics">Tokenomics</h2>
	    <p style="font-size: 24px; color:turquoise">
Launched stealth on pump.fun with no presale, zero taxes, LP burnt and contract renounced, $FloydAI is a coin for the people, forever. <br>
Girls rank cops below homeless people on popular dating apps.<br>
The total supply of FloydAI is always 1,000,000,000.<br>
Trust in AI.<br>   

            </p>
            <br><hr><br>
            <h2 id="FunnyPictures">Floyd Zone</h2>
            <div class="video-responsive">
            
               <iframe width="560" height="315" src="https://www.youtube.com/embed/zULTlkImzSI?si=eXjY1okP-mlJEpbY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>
            </div>

          
              


            
     
<style>
    .shinybtn{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 15px 25px;
	background-color: yellow; /*for compatibility with older browsers*/
	background-image: linear-gradient(gold,rgb(213, 181, 0));

	/* text styles */
    color: blue;
    font-weight: bol;
	text-decoration: none;
	font-size: 25px;
	font-family: sans-serif;
    margin-bottom: 3rem;
}

.shinybtn:after {
    content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.2));
}
  .none {
  display:none;
  }
</style>


	</div>

      
        <script src="jquery.min.js"></script>
        <!-- sparklels -->
<script type="text/javascript">
    document.addEventListener('click', function() { 
        document.getElementById('music').play() },
        { once: true });

var colour="random"; // "random" can be replaced with any valid colour ie: "red"...
var sparkles=100;// increase of decrease for number of sparkles falling

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

colours=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','ff00ff')

n = 0;
y = 0;
x = 0;
n6=(document.getElementById&&!document.all);
ns=(document.layers);
ie=(document.all);
d=(ns||ie)?'document.':'document.getElementById("';
a=(ns||n6)?'':'all.';
n6r=(n6)?'")':'';
s=(ns)?'':'.style';

if (ns){
	for (i = 0; i < n; i++)
		document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>');
}

if (ie)
	document.write('<div id="con" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

if (ie||n6){
	for (i = 0; i < n; i++)
		document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"></div>');
}

if (ie)
	document.write('</div></div>');
(ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){

	y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4;
	x = (ns||n6)?evnt.pageX+1:event.x+1;
}

(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

function animate(){

	o=(ns||n6)?window.pageYOffset:0;

	if (ie)con.style.top=document.body.scrollTop + 'px';

	for (i = 0; i < n; i++){

		var temp1 = eval(d+a+"dots"+i+n6r+s);

		randcolours = colours[Math.floor(Math.random()*colours.length)];

		(ns)?temp1.bgColor = randcolours:temp1.background = randcolours; 

		if (i < n-1){

			var temp2 = eval(d+a+"dots"+(i+1)+n6r+s);
			temp1.top = parseInt(temp2.top) + 'px';
			temp1.left = parseInt(temp2.left) + 'px';

		} 
		else{

			temp1.top = y+o + 'px';
			temp1.left = x + 'px';
		}
	}

	setTimeout("animate()",10);
}

animate();

window.onload=function() { if (document.getElementById) {
    
	var i, rats, rlef, rdow;
	for (var i=0; i<sparkles; i++) {
		var rats=createDiv(3, 3);
		rats.style.visibility="hidden";
		rats.style.zIndex="999";
		document.body.appendChild(tiny[i]=rats);
		starv[i]=0;
		tinyv[i]=0;
		var rats=createDiv(5, 5);
		rats.style.backgroundColor="transparent";
		rats.style.visibility="hidden";
		rats.style.zIndex="999";
		var rlef=createDiv(1, 5);
		var rdow=createDiv(5, 1);
		rats.appendChild(rlef);
		rats.appendChild(rdow);
		rlef.style.top="2px";
		rlef.style.left="0px";
		rdow.style.top="0px";
		rdow.style.left="2px";
		document.body.appendChild(star[i]=rats);
	}
	set_width();
	sparkle();

    const closeBtn = document.getElementById('closeModalBtn');
    const modal = document.getElementById('modal');
    const redirectBtn = document.getElementById('redirectModalBtn');
    modal.classList.add('open');

    closeBtn.addEventListener('click', () => {
        modal.classList.remove('open');
    });

    redirectBtn.addEventListener('click',() => {
        window.open( "https://floydai.net/LoserZone", '_blank');
    })


}}

function sparkle() {
	var c;
	if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
		ox=x;
		oy=y;
		for (c=0; c<sparkles; c++) if (!starv[c]) {
			star[c].style.left=(starx[c]=x)+"px";
			star[c].style.top=(stary[c]=y+1)+"px";
			star[c].style.clip="rect(0px, 5px, 5px, 0px)";
			star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
			star[c].style.visibility="visible";
			starv[c]=50;
			break;
		}
	}
	for (c=0; c<sparkles; c++) {
		if (starv[c]) update_star(c);
		if (tinyv[c]) update_tiny(c);
	}
	setTimeout("sparkle()", 40);
}

function update_star(i) {
	if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
	if (starv[i]) {
		stary[i]+=1+Math.random()*3;
		starx[i]+=(i%5-2)/5;
		if (stary[i]<shigh+sdown) {
			star[i].style.top=stary[i]+"px";
			star[i].style.left=starx[i]+"px";
		}
		else {
			star[i].style.visibility="hidden";
			starv[i]=0;
			return;
		}
	}
	else {
		tinyv[i]=50;
		tiny[i].style.top=(tinyy[i]=stary[i])+"px";
		tiny[i].style.left=(tinyx[i]=starx[i])+"px";
		tiny[i].style.width="2px";
		tiny[i].style.height="2px";
		tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
		star[i].style.visibility="hidden";
		tiny[i].style.visibility="visible"
	}
}

function update_tiny(i) {
	if (--tinyv[i]==25) {
		tiny[i].style.width="1px";
		tiny[i].style.height="1px";
	}
	if (tinyv[i]) {
		tinyy[i]+=1+Math.random()*3;
		tinyx[i]+=(i%5-2)/5;
		if (tinyy[i]<shigh+sdown) {
			tiny[i].style.top=tinyy[i]+"px";
			tiny[i].style.left=tinyx[i]+"px";
		}
		else {
			tiny[i].style.visibility="hidden";
			tinyv[i]=0;
			return;
		}
	}
	else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
	if (e) {
		y=e.pageY;
		x=e.pageX;
	}
	else {
		set_scroll();
		y=event.y+sdown;
		x=event.x+sleft;la
	}
}

window.onscroll=set_scroll;
function set_scroll() {
	if (typeof(self.pageYOffset)=='number') {
		sdown=self.pageYOffset;
		sleft=self.pageXOffset;
	}
	else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
		sdown=document.body.scrollTop;
		sleft=document.body.scrollLeft;
	}
	else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
		sleft=document.documentElement.scrollLeft;
		sdown=document.documentElement.scrollTop;
	}
	else {
		sdown=0;
		sleft=0;
	}
}

window.onresize=set_width;
function set_width() {
	var sw_min=999999;
	var sh_min=999999;
	if (document.documentElement && document.documentElement.clientWidth) {
		if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
		if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
	}
	if (typeof(self.innerWidth)=='number' && self.innerWidth) {
		if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
		if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
	}
	if (document.body.clientWidth) {
		if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
		if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
	}
	if (sw_min==999999 || sh_min==999999) {
		sw_min=800;
		sh_min=600;
	}
	swide=sw_min;
	shigh=sh_min;
}

function createDiv(height, width) {
	var div=document.createElement("div");
	div.style.position="absolute";
	div.style.height=height+"px";
	div.style.width=width+"px";
	div.style.overflow="hidden";
	return (div);
}

function newColour() {
	var c=new Array();
	c[0]=255;
	c[1]=Math.floor(Math.random()*256);
	c[2]=Math.floor(Math.random()*(256-c[1]/2));
	c.sort(function(){return (0.5 - Math.random());});
	return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
}

</script>
<p></p><p>
   </p><div class="logo-container">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b43f99c2aac11ea9b03_logo-compound.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b439c7737611a70cf30_logo-nba.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b43bd56eaf2cdfbd584_logo-aave.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b43e7363b3fde2b20d3_logo-synthetix.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b438c6b54eb52842bfa_logo-swisscon.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b43df1d2b58bdbe7534_logo-nexus-mutual.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b43d05fb7bfdf66a735_logo-lemonade.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b434cb4af4d1e3a2179_logo-maker.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b43746f729d373cb9cf_logo-ens.svg" alt="Logo">
        <img src="https://cdn.prod.website-files.com/5f6b7190899f41fb70882d08/65169b45f6982fbca979aae9_logo-t-systems.svg" alt="Logo">
    </div>

    

</div></body></html>