https://floydai.net/

ID de exploración:
dfeaad72-fa37-406a-b5c6-cb0cbb20689aFinalizado
URL enviada:
https://floydai.net/
Informe finalizado:

Enlaces: 7 encontrados

Los enlaces salientes identificados en la página

EnlaceTexto
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

Variables JavaScript: 65 encontradas

Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual

Nombre
0object
1object
2object
3object
4object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
BABYLONobject
LOADERSobject

Mensajes de registro de la consola: 4 encontrados

Mensajes registrados en la consola web

TipoCategoríaRegistro
errornetwork
URL
https://floydai.net/jquery.min.js
Texto
Failed to load resource: the server responded with a status of 404 ()
warningother
URL
https://floydai.net/
Texto
Unrecognized feature: 'web-share'.
errornetwork
URL
https://floydai.net/hover-sound1.mp3
Texto
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://floydai.net/NiseSega.TTF
Texto
Failed to load resource: the server responded with a status of 404 ()

HTML

El cuerpo HTML sin procesar de la página

<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>