| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>IPv6 Tester | IPv6 Explorer Deluxe</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); |
| body { |
| font-family: 'Space Grotesk', sans-serif; |
| } |
| .glass-card { |
| backdrop-filter: blur(16px) saturate(180%); |
| -webkit-backdrop-filter: blur(16px) saturate(180%); |
| background-color: rgba(17, 25, 40, 0.75); |
| border-radius: 12px; |
| border: 1px solid rgba(255, 255, 255, 0.125); |
| } |
| </style> |
| </head> |
| <body class="bg-gray-900 text-white min-h-screen"> |
| <div id="vanta-bg" class="fixed inset-0 -z-10"></div> |
| |
| <header class="container mx-auto px-4 py-8"> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center space-x-2"> |
| <i data-feather="globe" class="w-8 h-8 text-indigo-400"></i> |
| <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 to-purple-500">IPv6 Tester</h1> |
| </div> |
| <nav> |
| <ul class="flex space-x-6"> |
| <li><a href="index.html" class="hover:text-indigo-300 transition">Home</a></li> |
| <li><a href="tester.html" class="hover:text-indigo-300 transition font-semibold text-indigo-300">Tester</a></li> |
| <li><a href="about.html" class="hover:text-indigo-300 transition">About</a></li> |
| </ul> |
| </nav> |
| </div> |
| </header> |
|
|
| <main class="container mx-auto px-4 py-8"> |
| <section class="glass-card p-8 mb-8"> |
| <h2 class="text-2xl font-bold mb-6">Advanced IPv6 & DNS Connectivity Tester</h2> |
| <p class="text-gray-300 mb-6">Measure reachability and latency across multiple endpoints with our professional testing tool.</p> |
| |
| <div id="tester-app" class="mt-6"></div> |
| </section> |
| </main> |
|
|
| <script> |
| feather.replace(); |
| |
| |
| VANTA.NET({ |
| el: "#vanta-bg", |
| color: 0x5b21b6, |
| backgroundColor: 0x111827, |
| points: 15, |
| maxDistance: 20, |
| spacing: 15 |
| }); |
| |
| |
| const script = document.createElement('script'); |
| script.src = 'https://unpkg.com/react@18/umd/react.development.js'; |
| script.crossOrigin = true; |
| document.head.appendChild(script); |
| |
| const script2 = document.createElement('script'); |
| script2.src = 'https://unpkg.com/react-dom@18/umd/react-dom.development.js'; |
| script2.crossOrigin = true; |
| document.head.appendChild(script2); |
| |
| script.onload = script2.onload = function() { |
| const testerScript = document.createElement('script'); |
| testerScript.type = 'text/babel'; |
| testerScript.innerHTML = ` |
| ${document.currentScript.innerHTML} |
| ReactDOM.createRoot(document.getElementById('tester-app')).render(<IPv6DnsTester />); |
| `; |
| document.body.appendChild(testerScript); |
| |
| const babelScript = document.createElement('script'); |
| babelScript.src = 'https://unpkg.com/babel-standalone@6/babel.min.js'; |
| document.body.appendChild(babelScript); |
| }; |
| </script> |
| </body> |
| </html> |
