Hugging Face's logo

Spaces:
docto41
/
hyper-dns
Running

App Files Community
docto41 commited on
Commit
d7b5f56
·
verified ·
1 Parent(s): ca15aa9

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +225 -1
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>HyperDNS Pro - Système Automatisé d'Enregistrement de Domaines</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
@@ -20,6 +20,17 @@
20
  .pulse {
21
  animation: pulse 2s infinite;
22
  }
 
 
 
 
 
 
 
 
 
 
 
23
  </style>
24
  </head>
25
  <body class="bg-gray-50 font-sans">
@@ -174,6 +185,73 @@
174
  </div>
175
  </div>
176
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
177
  <!-- Domain Registration -->
178
  <div class="bg-white rounded-lg shadow-lg overflow-hidden mb-6 border border-gray-200">
179
  <div class="bg-gradient-to-r from-gray-900 to-gray-800 p-4 text-white">
@@ -483,6 +561,152 @@
483
  </div>
484
 
485
  <script>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
486
  // Real-time propagation updates
487
  function updatePropagation() {
488
  const regions = [
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>HyperDNS Pro - Générateur et Enregistrement de Domaines</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
 
20
  .pulse {
21
  animation: pulse 2s infinite;
22
  }
23
+ .domain-option:hover {
24
+ transform: translateY(-2px);
25
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
26
+ }
27
+ .floating {
28
+ animation: floating 3s ease-in-out infinite;
29
+ }
30
+ @keyframes floating {
31
+ 0%, 100% { transform: translateY(0); }
32
+ 50% { transform: translateY(-5px); }
33
+ }
34
  </style>
35
  </head>
36
  <body class="bg-gray-50 font-sans">
 
185
  </div>
186
  </div>
187
 
188
+ <!-- Domain Generator -->
189
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden mb-6 border border-gray-200">
190
+ <div class="bg-gradient-to-r from-gray-900 to-gray-800 p-4 text-white">
191
+ <div class="flex justify-between items-center">
192
+ <h2 class="text-lg font-bold">
193
+ <i class="fas fa-magic text-emerald-400 mr-2"></i>
194
+ Générateur Intelligent de Noms de Domaine
195
+ </h2>
196
+ <span class="bg-purple-500 text-white px-2 py-1 rounded-full text-xs">
197
+ IA INTÉGRÉE
198
+ </span>
199
+ </div>
200
+ </div>
201
+ <div class="p-4">
202
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
203
+ <div>
204
+ <label class="block text-gray-700 text-sm font-medium mb-1" for="keywords">
205
+ Mots-clés principaux
206
+ </label>
207
+ <input class="w-full shadow appearance-none border rounded-lg py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-1 focus:ring-emerald-500"
208
+ id="keywords" type="text" placeholder="ex: boutique, tech, paris">
209
+ </div>
210
+ <div>
211
+ <label class="block text-gray-700 text-sm font-medium mb-1" for="industry">
212
+ Secteur d'activité
213
+ </label>
214
+ <select class="block w-full border rounded-lg py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-1 focus:ring-emerald-500" id="industry">
215
+ <option>Tous secteurs</option>
216
+ <option>Technologie</option>
217
+ <option>Commerce</option>
218
+ <option>Services</option>
219
+ <option>Immobilier</option>
220
+ <option>Santé</option>
221
+ <option>Voyage</option>
222
+ </select>
223
+ </div>
224
+ <div>
225
+ <label class="block text-gray-700 text-sm font-medium mb-1" for="length">
226
+ Longueur maximale
227
+ </label>
228
+ <select class="block w-full border rounded-lg py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-1 focus:ring-emerald-500" id="length">
229
+ <option>Court (8-12 caractères)</option>
230
+ <option>Moyen (12-16 caractères)</option>
231
+ <option>Long (16-20 caractères)</option>
232
+ </select>
233
+ </div>
234
+ </div>
235
+
236
+ <button id="generate-btn" class="w-full bg-gradient-to-r from-purple-500 to-purple-600 hover:from-purple-600 hover:to-purple-700 text-white font-medium py-3 px-4 rounded-lg shadow-md transition duration-150 ease-in-out mb-4">
237
+ <i class="fas fa-wand-magic-sparkles mr-2"></i> GÉNÉRER DES IDÉES DE DOMAINES
238
+ </button>
239
+
240
+ <div id="domain-results" class="hidden">
241
+ <div class="flex justify-between items-center mb-3">
242
+ <h3 class="font-medium text-gray-700">Suggestions disponibles</h3>
243
+ <div class="text-xs bg-gray-100 px-2 py-1 rounded-full">
244
+ <span id="available-count">12</span> domaines disponibles
245
+ </div>
246
+ </div>
247
+
248
+ <div id="domain-list" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
249
+ <!-- Domain suggestions will appear here -->
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
  <!-- Domain Registration -->
256
  <div class="bg-white rounded-lg shadow-lg overflow-hidden mb-6 border border-gray-200">
257
  <div class="bg-gradient-to-r from-gray-900 to-gray-800 p-4 text-white">
 
561
  </div>
562
 
563
  <script>
564
+ // Domain name generator data
565
+ const prefixes = ['pro', 'my', 'best', 'top', 'super', 'hyper', 'ultra', 'mega', 'go', 'get'];
566
+ const suffixes = ['hub', 'tech', 'shop', 'online', 'store', 'app', 'web', 'site', 'now', 'plus'];
567
+ const keywords = ['tech', 'shop', 'service', 'web', 'digital', 'cloud', 'smart', 'net', 'host', 'data'];
568
+ const industries = {
569
+ 'Technologie': ['tech', 'app', 'cloud', 'data', 'ai', 'io', 'dev', 'net', 'host', 'code'],
570
+ 'Commerce': ['shop', 'store', 'market', 'deal', 'buy', 'sale', 'mart', 'boutique', 'mall', 'trade'],
571
+ 'Services': ['service', 'pro', 'expert', 'now', 'go', 'get', 'plus', 'hub', 'care', 'help']
572
+ };
573
+ const tlds = ['.com', '.net', '.io', '.tech', '.shop', '.app', '.online', '.store', '.fr', '.org'];
574
+
575
+ // Generate domain names
576
+ function generateDomains() {
577
+ const keywordsInput = document.getElementById('keywords').value.trim().toLowerCase();
578
+ const industry = document.getElementById('industry').value;
579
+ const length = document.getElementById('length').value;
580
+
581
+ let userKeywords = [];
582
+ if (keywordsInput) {
583
+ userKeywords = keywordsInput.split(/[,\s]+/).filter(k => k.length > 0);
584
+ }
585
+
586
+ const combinedKeywords = [...new Set([...userKeywords, ...(industry in industries ? industries[industry] : keywords)])];
587
+
588
+ let domains = [];
589
+ const maxLength = length.includes('Court') ? 12 : (length.includes('Moyen') ? 16 : 20);
590
+
591
+ // Generate combinations
592
+ for (let i = 0; i < 20; i++) {
593
+ let domain = '';
594
+
595
+ // Randomly choose a pattern
596
+ const pattern = Math.floor(Math.random() * 5);
597
+
598
+ switch(pattern) {
599
+ case 0: // prefix + keyword
600
+ domain = prefixes[Math.floor(Math.random() * prefixes.length)] +
601
+ combinedKeywords[Math.floor(Math.random() * combinedKeywords.length)];
602
+ break;
603
+ case 1: // keyword + suffix
604
+ domain = combinedKeywords[Math.floor(Math.random() * combinedKeywords.length)] +
605
+ suffixes[Math.floor(Math.random() * suffixes.length)];
606
+ break;
607
+ case 2: // keyword + keyword
608
+ domain = combinedKeywords[Math.floor(Math.random() * combinedKeywords.length)] +
609
+ combinedKeywords[Math.floor(Math.random() * combinedKeywords.length)];
610
+ break;
611
+ case 3: // keyword only
612
+ domain = combinedKeywords[Math.floor(Math.random() * combinedKeywords.length)];
613
+ break;
614
+ default: // creative combination
615
+ domain = prefixes[Math.floor(Math.random() * prefixes.length)] +
616
+ combinedKeywords[Math.floor(Math.random() * combinedKeywords.length)] +
617
+ suffixes[Math.floor(Math.random() * suffixes.length)];
618
+ }
619
+
620
+ // Ensure domain meets length requirements
621
+ if (domain.length <= maxLength) {
622
+ const tld = tlds[Math.floor(Math.random() * tlds.length)];
623
+ domains.push({name: domain, tld: tld});
624
+ }
625
+ }
626
+
627
+ // Remove duplicates
628
+ domains = [...new Map(domains.map(item => [item.name + item.tld, item])).values()];
629
+
630
+ // Limit to 12 domains
631
+ domains = domains.slice(0, 12);
632
+
633
+ return domains;
634
+ }
635
+
636
+ // Display generated domains
637
+ function displayDomains(domains) {
638
+ const domainList = document.getElementById('domain-list');
639
+ const domainResults = document.getElementById('domain-results');
640
+ const availableCount = document.getElementById('available-count');
641
+
642
+ domainList.innerHTML = '';
643
+
644
+ domains.forEach(domain => {
645
+ const isPremium = Math.random() > 0.8;
646
+ const price = isPremium ? (Math.floor(Math.random() * 5) + 5) * 10 + 99 : Math.floor(Math.random() * 20) + 5;
647
+
648
+ const domainElement = document.createElement('div');
649
+ domainElement.className = 'bg-white rounded-lg border border-gray-200 p-3 domain-option transition duration-150 ease-in-out cursor-pointer hover:border-emerald-300';
650
+ domainElement.innerHTML = `
651
+ <div class="flex justify-between items-start mb-2">
652
+ <div>
653
+ <span class="font-medium text-gray-800">${domain.name}</span>
654
+ <span class="text-gray-500">${domain.tld}</span>
655
+ </div>
656
+ <span class="text-xs px-2 py-1 rounded-full ${isPremium ? 'bg-purple-100 text-purple-800' : 'bg-emerald-100 text-emerald-800'}">
657
+ ${isPremium ? 'PREMIUM' : 'DISPONIBLE'}
658
+ </span>
659
+ </div>
660
+ <div class="flex justify-between items-center">
661
+ <span class="text-xs text-gray-500">1 an</span>
662
+ <span class="font-medium">€${price}.99</span>
663
+ </div>
664
+ `;
665
+
666
+ domainElement.addEventListener('click', () => {
667
+ document.getElementById('domain').value = domain.name;
668
+ document.getElementById('tld').value = domain.tld;
669
+
670
+ // Highlight selected domain
671
+ document.querySelectorAll('.domain-option').forEach(el => {
672
+ el.classList.remove('border-emerald-500', 'bg-emerald-50');
673
+ });
674
+ domainElement.classList.add('border-emerald-500', 'bg-emerald-50');
675
+ });
676
+
677
+ domainList.appendChild(domainElement);
678
+ });
679
+
680
+ availableCount.textContent = domains.length;
681
+ domainResults.classList.remove('hidden');
682
+ }
683
+
684
+ // Generate button click handler
685
+ document.getElementById('generate-btn').addEventListener('click', function() {
686
+ const btn = this;
687
+
688
+ if (!document.getElementById('keywords').value.trim()) {
689
+ alert('Veuillez entrer au moins un mot-clé');
690
+ return;
691
+ }
692
+
693
+ // Show loading state
694
+ btn.innerHTML = '<i class="fas fa-circle-notch fa-spin mr-2"></i> GÉNÉRATION EN COURS...';
695
+ btn.classList.remove('from-purple-500', 'to-purple-600', 'hover:from-purple-600', 'hover:to-purple-700');
696
+ btn.classList.add('from-blue-500', 'to-blue-600', 'hover:from-blue-600', 'hover:to-blue-700');
697
+
698
+ // Simulate AI processing
699
+ setTimeout(() => {
700
+ const domains = generateDomains();
701
+ displayDomains(domains);
702
+
703
+ // Reset button
704
+ btn.innerHTML = '<i class="fas fa-wand-magic-sparkles mr-2"></i> GÉNÉRER DES IDÉES DE DOMAINES';
705
+ btn.classList.remove('from-blue-500', 'to-blue-600', 'hover:from-blue-600', 'hover:to-blue-700');
706
+ btn.classList.add('from-purple-500', 'to-purple-600', 'hover:from-purple-600', 'hover:to-purple-700');
707
+ }, 1500);
708
+ });
709
+
710
  // Real-time propagation updates
711
  function updatePropagation() {
712
  const regions = [
prompts.txt CHANGED
@@ -1,2 +1,3 @@
1
  creer un enregistrement complet et réel d enregistrement serveur DNS , SSL, DOMAIN .registrât , Domain Information Registrar Information Registrant Contact référencement site web tres puissant pilot en systeme robotisé en automatique , enregistrement en seconde pres sur toutes les serveur du monde , enregistrement en premier sur toutes les navigateur plus google searche console , plus google analytique et d'autres fonctionnalitéé le toutsur systeme robosisé automatique avec referencement tres sofistiqué des meilleur technologie le tout en rell et en milli seconde le plus rapide au monde des classement ..TOUTE EN REEL ET ROBOTISER EN AUTOMATIQUE ??? AVEC UNE TRES BELLE INTERFACE
2
- JE VEUX QUE TOUT SOIT RELLE ET VRAI PAS DE SIMULATION
 
 
1
  creer un enregistrement complet et réel d enregistrement serveur DNS , SSL, DOMAIN .registrât , Domain Information Registrar Information Registrant Contact référencement site web tres puissant pilot en systeme robotisé en automatique , enregistrement en seconde pres sur toutes les serveur du monde , enregistrement en premier sur toutes les navigateur plus google searche console , plus google analytique et d'autres fonctionnalitéé le toutsur systeme robosisé automatique avec referencement tres sofistiqué des meilleur technologie le tout en rell et en milli seconde le plus rapide au monde des classement ..TOUTE EN REEL ET ROBOTISER EN AUTOMATIQUE ??? AVEC UNE TRES BELLE INTERFACE
2
+ JE VEUX QUE TOUT SOIT RELLE ET VRAI PAS DE SIMULATION
3
+ AJOUT22 LE G2N2RATEUR DE DOMAINE