Файловый менеджер - Редактировать - /home/gqdcvggs/nouveau.conquerfive.net/eyefind/index.html
Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>EyeFind Search</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"> <style> body { background: #dcdcdc; font-family: Arial, sans-serif; overflow: hidden; } .search-container { background: #ffffff; border: 2px solid #000000; box-shadow: 5px 5px 0 #000000; padding: 20px; max-width: 800px; margin: 20px auto; text-align: center; position: relative; z-index: 2; } .search-bar { width: 70%; padding: 10px; border: 2px solid #000000; margin-bottom: 20px; } .search-button { padding: 10px 20px; background: #000000; color: #ffffff; border: 2px solid #000000; cursor: pointer; } .logo { margin: 0 auto 20px; } .results { background: #ffffff; border: 2px solid #000000; box-shadow: 5px 5px 0 #000000; padding: 20px; max-width: 800px; margin: 20px auto; position: relative; z-index: 2; } .result-item { margin-bottom: 15px; padding: 10px; border: 2px solid #000000; position: relative; } .result-item a { text-decoration: none; color: #0000ee; } .result-item a:hover { text-decoration: underline; } .glitch { position: relative; display: inline-block; color: #000; font-weight: bold; } .glitch::before, .glitch::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #000; background: #fff; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: glitch 2s infinite; } .glitch::before { left: 2px; text-shadow: -2px 0 red; animation-delay: -0.2s; } .glitch::after { left: -2px; text-shadow: -2px 0 blue; animation-delay: -0.3s; } @keyframes glitch { 0% { clip: rect(42px, 9999px, 44px, 0); } 5% { clip: rect(12px, 9999px, 56px, 0); } 10% { clip: rect(10px, 9999px, 85px, 0); } 15% { clip: rect(45px, 9999px, 85px, 0); } 20% { clip: rect(75px, 9999px, 85px, 0); } 25% { clip: rect(10px, 9999px, 105px, 0); } 30% { clip: rect(60px, 9999px, 105px, 0); } 35% { clip: rect(40px, 9999px, 125px, 0); } 40% { clip: rect(30px, 9999px, 145px, 0); } 45% { clip: rect(20px, 9999px, 165px, 0); } 50% { clip: rect(10px, 9999px, 185px, 0); } 55% { clip: rect(50px, 9999px, 195px, 0); } 60% { clip: rect(30px, 9999px, 200px, 0); } 65% { clip: rect(20px, 9999px, 220px, 0); } 70% { clip: rect(10px, 9999px, 240px, 0); } 75% { clip: rect(60px, 9999px, 260px, 0); } 80% { clip: rect(40px, 9999px, 280px, 0); } 85% { clip: rect(30px, 9999px, 300px, 0); } 90% { clip: rect(20px, 9999px, 320px, 0); } 95% { clip: rect(10px, 9999px, 340px, 0); } 100% { clip: rect(5px, 9999px, 360px, 0); } } .background-glitch { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://www.toptal.com/designers/subtlepatterns/patterns/static-tv.png'); mix-blend-mode: multiply; animation: bg-glitch 0.5s infinite; } @keyframes bg-glitch { 0% { opacity: 0.8; transform: scale(1); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.8; transform: scale(1); } } </style> </head> <body class="flex flex-col items-center"> <div class="background-glitch"></div> <div class="search-container"> <img src="https://cdn.imators.com/eyefind.png" alt="Logo" class="w-32 h-12 mx-auto mb-4"> <p class="text-sm mb-5 glitch" data-text="Version datant du 18 décembre 2003">Version datant du 18 décembre 2003</p> <input type="text" class="search-bar" placeholder="Trouver une Flecca Bank"> <button class="search-button">Search</button> </div> <div class="results"> <div class="result-item"> <h2 class="text-xl glitch" data-text="L'ANR et son programme de recrutement"><a href="anr.html">L'ANR et son programme de recrutement</a></h2> <p>Envie de visiter le site de l'ANR ? Devenez inviter de nos nombreuses éxperience écologique pour un monde meilleur !</p> </div> <div class="result-item"> <h2 class="text-xl glitch" data-text="EyeFind message"><a href="msg.html">EyeFind message</a></h2> <p>Envoyez des messages dans toute l'Amérique grâce à notre système de messagerie en ligne</p> </div> <div class="result-item"> <h2 class="text-xl glitch" data-text="FlyUS | Vol en direction d'un reve !"><a href="/fly.html">FlyUS | Vol en direction d'un reve !</a></h2> <p>Avec FlyUS, reserver votre vol vers une destination incroyable pour vous et votre famille</p> </div> </div> <script> const heading = document.getElementById('main-heading'); const originalText = heading.getAttribute('data-text'); const errorText = 'ERROR DATABASE'; function glitchText() { const glitchChance = Math.random(); if (glitchChance > 0.7) { heading.innerText = errorText; } else { heading.innerText = originalText; } } setInterval(glitchText, 500); </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка