Hugging Face's logo

Spaces:
docto41
/
pro-dns
Running

App Files Community
pro-dns / index.html
docto41's picture
docto41
Add 3 files
dc7c73c verified
raw
history blame contribute delete
44.3 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UltraDNS Pro - World's Fastest Automated Domain Registration</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.gradient-bg {
background: linear-gradient(135deg, #6e8efb, #a777e3);
}
.dashboard-card {
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.dashboard-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.progress-bar {
height: 8px;
border-radius: 4px;
background-color: #e0e0e0;
}
.progress-fill {
height: 100%;
border-radius: 4px;
background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
transition: width 0.5s ease;
}
.glow {
animation: glow 2s infinite alternate;
}
@keyframes glow {
from {
box-shadow: 0 0 5px rgba(111, 142, 251, 0.5);
}
to {
box-shadow: 0 0 20px rgba(111, 142, 251, 0.8);
}
}
.automation-pulse {
position: relative;
}
.automation-pulse::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 0.5rem;
background-color: rgba(74, 222, 128, 0.1);
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
70% {
transform: scale(1.02);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 0;
}
}
#domainResults {
display: none;
margin-top: 20px;
}
.domain-result {
transition: all 0.3s ease;
}
.domain-result:hover {
transform: scale(1.02);
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<!-- Navigation -->
<nav class="gradient-bg text-white shadow-lg">
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fas fa-robot text-2xl"></i>
<span class="text-xl font-bold">UltraDNS Pro</span>
</div>
<div class="hidden md:flex space-x-6">
<a href="#" class="hover:text-gray-200">Dashboard</a>
<a href="#" class="hover:text-gray-200">Domains</a>
<a href="#" class="hover:text-gray-200">DNS</a>
<a href="#" class="hover:text-gray-200">SSL</a>
<a href="#" class="hover:text-gray-200">Analytics</a>
</div>
<div class="flex items-center space-x-4">
<button class="bg-white text-purple-600 px-4 py-2 rounded-full font-semibold hover:bg-gray-100 transition">
<i class="fas fa-bolt mr-2"></i>Quick Register
</button>
<div class="relative">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="w-10 h-10 rounded-full cursor-pointer border-2 border-white">
<span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white"></span>
</div>
</div>
</div>
</nav>
<!-- Main Content -->
<div class="container mx-auto px-4 py-8">
<!-- Header -->
<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-8">
<div>
<h1 class="text-3xl font-bold text-gray-800">Automated Domain Management</h1>
<p class="text-gray-600 mt-2">World's fastest DNS, SSL & domain registration system with AI-powered automation</p>
</div>
<div class="mt-4 md:mt-0 flex space-x-3">
<button id="newDomainBtn" class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition flex items-center">
<i class="fas fa-plus mr-2"></i> New Domain
</button>
<button class="bg-white border border-gray-300 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-50 transition flex items-center">
<i class="fas fa-cog mr-2"></i> Settings
</button>
</div>
</div>
<!-- Stats Cards -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
<div class="dashboard-card bg-white rounded-lg p-6">
<div class="flex justify-between items-start">
<div>
<p class="text-gray-500 text-sm">Domains</p>
<h3 class="text-2xl font-bold mt-1">1,248</h3>
<p class="text-green-500 text-sm mt-2 flex items-center">
<i class="fas fa-arrow-up mr-1"></i> 12.5% this month
</p>
</div>
<div class="bg-purple-100 p-3 rounded-full">
<i class="fas fa-globe text-purple-600 text-xl"></i>
</div>
</div>
</div>
<div class="dashboard-card bg-white rounded-lg p-6">
<div class="flex justify-between items-start">
<div>
<p class="text-gray-500 text-sm">SSL Certificates</p>
<h3 class="text-2xl font-bold mt-1">876</h3>
<p class="text-green-500 text-sm mt-2 flex items-center">
<i class="fas fa-arrow-up mr-1"></i> 8.3% this month
</p>
</div>
<div class="bg-blue-100 p-3 rounded-full">
<i class="fas fa-lock text-blue-600 text-xl"></i>
</div>
</div>
</div>
<div class="dashboard-card bg-white rounded-lg p-6">
<div class="flex justify-between items-start">
<div>
<p class="text-gray-500 text-sm">DNS Queries</p>
<h3 class="text-2xl font-bold mt-1">42.7M</h3>
<p class="text-green-500 text-sm mt-2 flex items-center">
<i class="fas fa-arrow-up mr-1"></i> 22.1% this month
</p>
</div>
<div class="bg-green-100 p-3 rounded-full">
<i class="fas fa-server text-green-600 text-xl"></i>
</div>
</div>
</div>
<div class="dashboard-card bg-white rounded-lg p-6">
<div class="flex justify-between items-start">
<div>
<p class="text-gray-500 text-sm">Automation Speed</p>
<h3 class="text-2xl font-bold mt-1">0.002s</h3>
<p class="text-green-500 text-sm mt-2 flex items-center">
<i class="fas fa-bolt mr-1"></i> World's fastest
</p>
</div>
<div class="bg-yellow-100 p-3 rounded-full">
<i class="fas fa-robot text-yellow-600 text-xl"></i>
</div>
</div>
</div>
</div>
<!-- Main Dashboard -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Domain Registration Panel -->
<div class="lg:col-span-2">
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4 flex justify-between items-center">
<h2 class="text-xl font-semibold text-white">Automated Domain Registration</h2>
<span class="bg-white text-purple-600 text-xs px-2 py-1 rounded-full font-bold">AI-POWERED</span>
</div>
<div class="p-6">
<div class="automation-pulse bg-gray-50 rounded-lg p-4 mb-6">
<div class="flex justify-between items-center mb-3">
<h3 class="font-medium text-gray-800">Instant Global Registration</h3>
<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">ACTIVE</span>
</div>
<p class="text-gray-600 text-sm mb-4">Our robotic system registers domains across all global servers in milliseconds, ensuring first-page indexing on all major search engines.</p>
<div class="flex items-center text-sm text-gray-500">
<i class="fas fa-check-circle text-green-500 mr-2"></i>
<span>Real-time synchronization with Google Search Console & Analytics</span>
</div>
</div>
<div class="mb-6">
<h3 class="font-medium text-gray-800 mb-3">Register New Domain</h3>
<div class="flex">
<input id="domainInput" type="text" placeholder="Enter domain name" class="flex-grow px-4 py-3 border border-gray-300 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
<select id="domainExtension" class="border-t border-r border-b border-gray-300 bg-gray-50 text-gray-700 px-3 focus:outline-none">
<option value=".com">.com</option>
<option value=".net">.net</option>
<option value=".org">.org</option>
<option value=".io">.io</option>
<option value=".ai">.ai</option>
</select>
<button id="registerBtn" class="bg-purple-600 text-white px-6 py-3 rounded-r-lg hover:bg-purple-700 transition">
<i class="fas fa-bolt mr-2"></i> Instant Register
</button>
</div>
</div>
<div id="domainResults" class="bg-white border border-gray-200 rounded-lg p-4">
<h4 class="font-medium text-gray-800 mb-3">Domain Registration Results</h4>
<div id="resultContent" class="space-y-3">
<!-- Results will be inserted here by JavaScript -->
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex items-center mb-2">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-shield-alt text-blue-600"></i>
</div>
<h4 class="font-medium">Auto-SSL</h4>
</div>
<p class="text-gray-600 text-sm">Automatically provisions and renews SSL certificates with 256-bit encryption.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex items-center mb-2">
<div class="bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-search text-green-600"></i>
</div>
<h4 class="font-medium">SEO Optimization</h4>
</div>
<p class="text-gray-600 text-sm">Advanced robotic SEO indexing ensures immediate search engine visibility.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Recent Activity -->
<div>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-xl font-semibold text-white">Registration Activity</h2>
</div>
<div class="p-6">
<div class="mb-6">
<h3 class="font-medium text-gray-800 mb-3">Global Deployment Status</h3>
<div class="space-y-4">
<div>
<div class="flex justify-between text-sm mb-1">
<span>Google Servers</span>
<span>100%</span>
</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 100%"></div>
</div>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>Cloudflare</span>
<span>100%</span>
</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 100%"></div>
</div>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>Amazon AWS</span>
<span>100%</span>
</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 100%"></div>
</div>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>Microsoft Azure</span>
<span>100%</span>
</div>
<div class="progress-bar">
<div class="progress-fill" style="width: 100%"></div>
</div>
</div>
</div>
</div>
<div>
<h3 class="font-medium text-gray-800 mb-3">Recent Registrations</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-purple-600 text-sm"></i>
</div>
<div>
<p class="text-sm font-medium">example.com</p>
<p class="text-xs text-gray-500">Registered 0.002s ago • Global sync complete</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-purple-600 text-sm"></i>
</div>
<div>
<p class="text-sm font-medium">business.io</p>
<p class="text-xs text-gray-500">Registered 0.001s ago • SSL provisioned</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-purple-600 text-sm"></i>
</div>
<div>
<p class="text-sm font-medium">tech-solutions.ai</p>
<p class="text-xs text-gray-500">Registered 0.003s ago • SEO optimized</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Domain Information Section -->
<div class="mt-8 bg-white rounded-lg shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-xl font-semibold text-white">Complete Domain Information</h2>
</div>
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="font-medium text-gray-800 mb-4 border-b pb-2">Registrar Information</h3>
<div class="space-y-4">
<div class="flex justify-between">
<span class="text-gray-600">Registrar:</span>
<span class="font-medium">UltraDNS Pro (Robotic Registrar)</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Registration Date:</span>
<span class="font-medium">Instant (0.002s processing)</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Expiration Date:</span>
<span class="font-medium">Auto-renewal enabled</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Name Servers:</span>
<span class="font-medium">ns1.ultradns.ai, ns2.ultradns.ai</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">DNSSEC:</span>
<span class="font-medium text-green-600">Enabled (Automated)</span>
</div>
</div>
</div>
<div>
<h3 class="font-medium text-gray-800 mb-4 border-b pb-2">Registrant Contact</h3>
<div class="space-y-4">
<div class="flex justify-between">
<span class="text-gray-600">Name:</span>
<span class="font-medium">Automated Registration Bot</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Organization:</span>
<span class="font-medium">UltraDNS Pro Systems</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Email:</span>
<span class="font-medium">robot@ultradns.pro</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">Phone:</span>
<span class="font-medium">+1.800.ROBOTIC</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">WHOIS Privacy:</span>
<span class="font-medium text-green-600">Enabled (Automated)</span>
</div>
</div>
</div>
</div>
<div class="mt-8">
<h3 class="font-medium text-gray-800 mb-4 border-b pb-2">Advanced DNS Configuration</h3>
<div class="bg-gray-50 rounded-lg p-4">
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-100">
<tr>
<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Record</th>
<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Name</th>
<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Value</th>
<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">TTL</th>
<th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-4 py-2 text-sm font-medium text-gray-900">A</td>
<td class="px-4 py-2 text-sm text-gray-500">@</td>
<td class="px-4 py-2 text-sm text-gray-500">192.0.2.1</td>
<td class="px-4 py-2 text-sm text-gray-500">Auto (1h)</td>
<td class="px-4 py-2 text-sm text-green-600">Active</td>
</tr>
<tr>
<td class="px-4 py-2 text-sm font-medium text-gray-900">AAAA</td>
<td class="px-4 py-2 text-sm text-gray-500">@</td>
<td class="px-4 py-2 text-sm text-gray-500">2001:db8::1</td>
<td class="px-4 py-2 text-sm text-gray-500">Auto (1h)</td>
<td class="px-4 py-2 text-sm text-green-600">Active</td>
</tr>
<tr>
<td class="px-4 py-2 text-sm font-medium text-gray-900">MX</td>
<td class="px-4 py-2 text-sm text-gray-500">@</td>
<td class="px-4 py-2 text-sm text-gray-500">10 mail.example.com</td>
<td class="px-4 py-2 text-sm text-gray-500">Auto (1h)</td>
<td class="px-4 py-2 text-sm text-green-600">Active</td>
</tr>
<tr>
<td class="px-4 py-2 text-sm font-medium text-gray-900">CNAME</td>
<td class="px-4 py-2 text-sm text-gray-500">www</td>
<td class="px-4 py-2 text-sm text-gray-500">example.com</td>
<td class="px-4 py-2 text-sm text-gray-500">Auto (1h)</td>
<td class="px-4 py-2 text-sm text-green-600">Active</td>
</tr>
<tr>
<td class="px-4 py-2 text-sm font-medium text-gray-900">TXT</td>
<td class="px-4 py-2 text-sm text-gray-500">@</td>
<td class="px-4 py-2 text-sm text-gray-500">"v=spf1 include:_spf.example.com ~all"</td>
<td class="px-4 py-2 text-sm text-gray-500">Auto (1h)</td>
<td class="px-4 py-2 text-sm text-green-600">Active</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- SEO & Analytics Integration -->
<div class="mt-8 bg-white rounded-lg shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-xl font-semibold text-white">Automated SEO & Analytics Integration</h2>
</div>
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="font-medium text-gray-800 mb-4 border-b pb-2">Search Engine Optimization</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<div>
<p class="font-medium">Instant Google Indexing</p>
<p class="text-sm text-gray-600">Robotic submission to Google Search Console ensures immediate indexing</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<div>
<p class="font-medium">Automated Sitemap Generation</p>
<p class="text-sm text-gray-600">XML sitemap created and submitted to all major search engines</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-green-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-green-600"></i>
</div>
<div>
<p class="font-medium">Schema Markup Injection</p>
<p class="text-sm text-gray-600">Structured data automatically added for rich search results</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="font-medium text-gray-800 mb-4 border-b pb-2">Analytics Integration</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-blue-600"></i>
</div>
<div>
<p class="font-medium">Google Analytics 4</p>
<p class="text-sm text-gray-600">Automatic tracking code injection with enhanced measurement</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-blue-600"></i>
</div>
<div>
<p class="font-medium">Google Tag Manager</p>
<p class="text-sm text-gray-600">Container automatically created and deployed</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-blue-600"></i>
</div>
<div>
<p class="font-medium">Performance Monitoring</p>
<p class="text-sm text-gray-600">Real-time Core Web Vitals tracking and optimization</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-8">
<div class="bg-gray-50 rounded-lg p-6 text-center">
<i class="fas fa-robot text-4xl text-purple-600 mb-4"></i>
<h3 class="text-xl font-medium text-gray-800 mb-2">Robotic Automation Active</h3>
<p class="text-gray-600 mb-4">All systems are functioning at maximum efficiency with 0.002s response times</p>
<div class="flex justify-center space-x-4">
<div class="text-center">
<div class="text-2xl font-bold text-purple-600">1,248</div>
<div class="text-sm text-gray-500">Domains Managed</div>
</div>
<div class="text-center">
<div class="text-2xl font-bold text-purple-600">0.002s</div>
<div class="text-sm text-gray-500">Average Processing</div>
</div>
<div class="text-center">
<div class="text-2xl font-bold text-purple-600">100%</div>
<div class="text-sm text-gray-500">Uptime</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="gradient-bg text-white py-8 mt-12">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-lg font-semibold mb-4">UltraDNS Pro</h3>
<p class="text-sm opacity-80">World's fastest automated domain registration and DNS management platform powered by robotic AI systems.</p>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">Services</h3>
<ul class="space-y-2 text-sm">
<li><a href="#" class="hover:underline">Domain Registration</a></li>
<li><a href="#" class="hover:underline">DNS Management</a></li>
<li><a href="#" class="hover:underline">SSL Certificates</a></li>
<li><a href="#" class="hover:underline">SEO Automation</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">Technology</h3>
<ul class="space-y-2 text-sm">
<li><a href="#" class="hover:underline">Robotic Automation</a></li>
<li><a href="#" class="hover:underline">Global Deployment</a></li>
<li><a href="#" class="hover:underline">AI Optimization</a></li>
<li><a href="#" class="hover:underline">Security Systems</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4">Contact</h3>
<ul class="space-y-2 text-sm">
<li class="flex items-center"><i class="fas fa-envelope mr-2"></i> support@ultradns.pro</li>
<li class="flex items-center"><i class="fas fa-phone mr-2"></i> +1.800.ROBOTIC</li>
<li class="flex items-center"><i class="fas fa-map-marker-alt mr-2"></i> Global Data Centers</li>
</ul>
</div>
</div>
<div class="border-t border-white border-opacity-20 mt-8 pt-8 text-sm text-center">
<p>© 2023 UltraDNS Pro. All rights reserved. The world's fastest robotic domain registration system.</p>
</div>
</div>
</footer>
<script>
// DOM Elements
const registerBtn = document.getElementById('registerBtn');
const domainInput = document.getElementById('domainInput');
const domainExtension = document.getElementById('domainExtension');
const domainResults = document.getElementById('domainResults');
const resultContent = document.getElementById('resultContent');
const newDomainBtn = document.getElementById('newDomainBtn');
// Register button functionality
registerBtn.addEventListener('click', function() {
const domainName = domainInput.value.trim();
const extension = domainExtension.value;
if (!domainName) {
alert('Please enter a domain name');
return;
}
// Clear previous results
resultContent.innerHTML = '';
// Show loading state
registerBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Processing...';
registerBtn.disabled = true;
// Simulate domain check and registration
setTimeout(() => {
// Check domain availability (simulated)
const isAvailable = Math.random() > 0.3; // 70% chance of being available
if (isAvailable) {
// Domain is available - register it
registerDomain(domainName + extension);
} else {
// Domain is not available
showUnavailableResult(domainName + extension);
}
// Reset button
registerBtn.innerHTML = '<i class="fas fa-bolt mr-2"></i> Instant Register';
registerBtn.disabled = false;
// Show results section
domainResults.style.display = 'block';
// Scroll to results
domainResults.scrollIntoView({ behavior: 'smooth' });
}, 1500); // Simulate 1.5 second processing time
});
// New Domain button functionality
newDomainBtn.addEventListener('click', function() {
// Scroll to domain registration section
document.querySelector('.lg\\:col-span-2').scrollIntoView({ behavior: 'smooth' });
// Focus on domain input
domainInput.focus();
});
// Function to register a domain
function registerDomain(fullDomain) {
// Create result element
const resultElement = document.createElement('div');
resultElement.className = 'domain-result bg-green-50 border border-green-200 rounded-lg p-4';
resultElement.innerHTML = `
<div class="flex justify-between items-center mb-2">
<div class="flex items-center">
<i class="fas fa-check-circle text-green-500 text-xl mr-3"></i>
<span class="font-medium text-lg">${fullDomain}</span>
</div>
<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-bold">REGISTERED</span>
</div>
<div class="pl-11">
<p class="text-sm text-gray-600 mb-2">Domain successfully registered in 0.002s</p>
<div class="grid grid-cols-2 gap-2 text-xs">
<div class="flex items-center">
<i class="fas fa-check-circle text-green-500 mr-1"></i>
<span>SSL Certificate Installed</span>
</div>
<div class="flex items-center">
<i class="fas fa-check-circle text-green-500 mr-1"></i>
<span>DNS Configured</span>
</div>
<div class="flex items-center">
<i class="fas fa-check-circle text-green-500 mr-1"></i>
<span>WHOIS Privacy Enabled</span>
</div>
<div class="flex items-center">
<i class="fas fa-check-circle text-green-500 mr-1"></i>
<span>Submitted to Google</span>
</div>
</div>
<div class="mt-3 pt-3 border-t border-green-100 flex justify-between items-center">
<span class="text-xs text-gray-500">Expires: ${new Date(new Date().setFullYear(new Date().getFullYear() + 1)).toLocaleDateString()}</span>
<button class="text-xs text-purple-600 hover:text-purple-800 font-medium">
<i class="fas fa-cog mr-1"></i> Manage Domain
</button>
</div>
</div>
`;
resultContent.appendChild(resultElement);
// Update domain count
const domainCountElement = document.querySelector('.text-2xl.font-bold:first-of-type');
if (domainCountElement) {
const currentCount = parseInt(domainCountElement.textContent.replace(/,/g, ''));
domainCountElement.textContent = (currentCount + 1).toLocaleString();
}
// Add to recent activity
addRecentActivity(fullDomain);
}
// Function to show unavailable domain result
function showUnavailableResult(fullDomain) {
const resultElement = document.createElement('div');
resultElement.className = 'domain-result bg-red-50 border border-red-200 rounded-lg p-4';
resultElement.innerHTML = `
<div class="flex justify-between items-center mb-2">
<div class="flex items-center">
<i class="fas fa-times-circle text-red-500 text-xl mr-3"></i>
<span class="font-medium text-lg">${fullDomain}</span>
</div>
<span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded-full font-bold">UNAVAILABLE</span>
</div>
<div class="pl-11">
<p class="text-sm text-gray-600 mb-2">This domain is already registered.</p>
<div class="flex space-x-3 mt-3">
<button class="text-xs bg-white border border-gray-300 text-gray-700 px-3 py-1 rounded hover:bg-gray-50">
<i class="fas fa-search mr-1"></i> WHOIS Lookup
</button>
<button class="text-xs bg-white border border-gray-300 text-gray-700 px-3 py-1 rounded hover:bg-gray-50">
<i class="fas fa-shopping-cart mr-1"></i> Make Offer
</button>
</div>
</div>
`;
resultContent.appendChild(resultElement);
}
// Function to add to recent activity
function addRecentActivity(domain) {
const activityContainer = document.querySelector('.space-y-4:last-of-type');
if (activityContainer) {
const activityItem = document.createElement('div');
activityItem.className = 'flex items-start';
activityItem.innerHTML = `
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-check text-purple-600 text-sm"></i>
</div>
<div>
<p class="text-sm font-medium">${domain}</p>
<p class="text-xs text-gray-500">Registered 0.002s ago • Global sync complete</p>
</div>
`;
// Insert at the top
activityContainer.insertBefore(activityItem, activityContainer.firstChild);
// Remove oldest item if more than 3
if (activityContainer.children.length > 3) {
activityContainer.removeChild(activityContainer.lastChild);
}
}
}
// Simulate real-time updates
setInterval(() => {
const speedElement = document.querySelector('.text-2xl.font-bold:contains("0.002s")');
if (speedElement) {
// Randomly fluctuate the speed between 0.001s and 0.003s to show real-time changes
const randomSpeed = (Math.random() * 0.002 + 0.001).toFixed(3) + 's';
speedElement.textContent = randomSpeed;
}
// Update the "Registered X seconds ago" timers
const timeElements = document.querySelectorAll('.text-xs.text-gray-500:contains("ago")');
timeElements.forEach(el => {
const currentText = el.textContent;
const timeMatch = currentText.match(/(\d+\.\d+)s ago/);
if (timeMatch) {
const currentTime = parseFloat(timeMatch[1]);
const newTime = (currentTime + 0.001).toFixed(3);
el.textContent = currentText.replace(timeMatch[0], `${newTime}s ago`);
}
});
}, 1000);
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/pro-dns" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>