- 제출된 URL:
- https://floydai.net/
- 보고서 완료:
링크 · 7개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://t.me/+zdKZSlv4WeQ1NjJh | #nontent { position: relative; } #nontent img { position: absolute; top: 0px; left: 0px; } |
| https://microsoft.com | |
| https://dexscreener.com/solana/2rwds9xedxsmgkrznt2uk4fmnxtykvq6llyvxpwvums3 | |
| https://raydium.io/swap/?inputMint=sol&outputMint=J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U | |
| https://x.com/FloydTerminal | |
| 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개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| error | network |
|
| error | network |
|
| warning | other |
|
| error | network |
|
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>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">No </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/+zdKZSlv4WeQ1NjJh" target="_blank"> <img src="tel3.gif" class="ribbon" alt="">
</a></div><a href="https://t.me/+zdKZSlv4WeQ1NjJh" 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/+zdKZSlv4WeQ1NjJh" target="_blank">
</a><div id="nontent"><a href="https://t.me/+zdKZSlv4WeQ1NjJh" 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>
<a href="https://raydium.io/swap/?inputMint=sol&outputMint=J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U" target="_blank">
<img src="b1.gif" alt="How to Buy" title="How To Buy">
</a>
<a href="https://x.com/FloydTerminal" target="_blank">
<img src="c2.gif" alt="About" title="About">
</a>
<a href="#Tokenomics">
<img src="d2.gif" alt="Tokenomics" title="???">
</a>
<a href="https://www.microsoft.com/en-us/about/people" target="_blank">
<img src="e2.gif" alt="Team" title="Team">
</a>
<a href="Whitepaper.txt" target="_blank">
<img src="f2.gif" alt="White Paper" title="White Paper" style="
animation: enhanced-glow 1.5s infinite alternate;
transform-origin: center;
">
</a>
<a href="#FunnyPictures">
<img src="g2.gif" alt="Funny Pictures" title="Funny Pictures">
</a>
<a href="https://solscan.io/token/J7tYmq2JnQPvxyhcXpCDrvJnc9R5ts8rv7tgVHDPsw7U" target="_blank">
<img src="h22.gif" alt="Sol Scan" title="Sol Scan">
</a>
</center>
<style>
@keyframes enhanced-glow {
0% {
transform: scale(1); /* Normal size */
filter: drop-shadow(0 0 15px rgba(255, 255, 0, 0.9)) drop-shadow(0 0 30px rgba(255, 255, 0, 1));
}
100% {
transform: scale(1.2); /* Slightly larger */
filter: drop-shadow(0 0 25px rgba(255, 255, 0, 1)) drop-shadow(0 0 50px rgba(255, 255, 0, 1.2));
}
}
</style>
<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 11/21/2024: FLOYDGPT TRUE LAUNCH IMMINENT </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! 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://raydium.io/swap/?inputMint=sol&outputMint=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=1JYEY05LmJwCNkvx" 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>