Spaces:

docto41
/

hypervision-gps

Running

App Files Files Community

docto41 commited on May 4

Commit

a10c829

verified ·

1 Parent(s): 0bf373b

Add 2 files

Browse files

Files changed (2) hide show

index.html +366 -21
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -162,6 +162,108 @@
             left: -40px;
             transform: translateY(-50%);
         }
     </style>
 </head>
 <body>
@@ -325,6 +427,17 @@
                 </div>
             </div>
             <!-- Map and Controls -->
             <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
                 <div class="lg:col-span-2">
@@ -389,25 +502,25 @@
                                 <div class="grid grid-cols-2 gap-3">
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Latitude</label>
-                                        <input type="text" value="48.8566° N" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Longitude</label>
-                                        <input type="text" value="2.3522° E" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Altitude</label>
-                                        <input type="text" value="35.0 m" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Précision</label>
-                                        <input type="text" value="±0.1 mm" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                 </div>
                             </div>
                             <div class="pt-4 border-t border-slate-800">
-                                <button class="w-full py-2 bg-purple-600 text-white rounded-md command-btn flex items-center justify-center">
                                     <i class="fas fa-crosshairs mr-2"></i> Verrouiller la Cible
                                 </button>
                             </div>
@@ -631,11 +744,203 @@
     </div>
     <script>
         // Zoom control functionality
         const zoomSlider = document.getElementById('zoom-slider');
         const zoomValue = document.getElementById('zoom-value');
         const zoomLevelValue = document.getElementById('zoom-level-value');
         const autoFocusBtn = document.getElementById('auto-focus-btn');
         zoomSlider.addEventListener('input', function() {
             const value = parseInt(this.value);
@@ -668,6 +973,9 @@
                 this.classList.add('bg-green-600');
                 this.classList.remove('bg-yellow-600');
                 // Reset after 2 seconds
                 setTimeout(() => {
                     this.innerHTML = '<i class="fas fa-camera mr-2"></i> Auto-Focus';
@@ -675,6 +983,29 @@
             }, 1500);
         });
         // Simulate satellite movement
         function moveSatellites() {
             const satellites = document.querySelectorAll('.satellite-track');
@@ -696,12 +1027,40 @@
             setTimeout(moveSatellites, 2000);
         }
         // Initialize satellite movement
         document.addEventListener('DOMContentLoaded', moveSatellites);
         // Simulate system activity
         function updateSystemActivity() {
-            const logs = document.querySelector('.bg-slate-800.h-48');
             const messages = [
                 {text: 'Analyse thermique en cours', color: 'yellow-400'},
                 {text: 'Mise à jour des coordonnées GPS', color: 'blue-400'},
@@ -711,24 +1070,10 @@
             ];
             const randomMessage = messages[Math.floor(Math.random() * messages.length)];
-            const time = new Date().toLocaleTimeString('fr-FR', {hour: '2-digit', minute:'2-digit', second:'2-digit'});
-            const logEntry = document.createElement('div');
-            logEntry.className = `text-${randomMessage.color}`;
-            logEntry.textContent = `[${time}] ${randomMessage.text}`;
-            logs.insertBefore(logEntry, logs.firstChild);
-            // Keep only 10 log entries
-            if (logs.children.length > 10) {
-                logs.removeChild(logs.lastChild);
-            }
             setTimeout(updateSystemActivity, 5000 + Math.random() * 5000);
         }
-        // Initialize system logs
-        document.addEventListener('DOMContentLoaded', updateSystemActivity);
     </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/hypervision-gps" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

             left: -40px;
             transform: translateY(-50%);
         }
+        /* Search system styles */
+        .search-container {
+            position: relative;
+            margin-bottom: 20px;
+        }
+        .search-input {
+            width: 100%;
+            padding: 12px 20px 12px 45px;
+            background: rgba(15, 23, 42, 0.8);
+            border: 1px solid rgba(0, 247, 255, 0.3);
+            border-radius: 8px;
+            color: white;
+            font-size: 14px;
+            transition: all 0.3s;
+        }
+        .search-input:focus {
+            outline: none;
+            border-color: var(--neon);
+            box-shadow: 0 0 15px rgba(0, 247, 255, 0.3);
+        }
+        .search-icon {
+            position: absolute;
+            left: 15px;
+            top: 50%;
+            transform: translateY(-50%);
+            color: rgba(0, 247, 255, 0.7);
+        }
+        .search-results {
+            position: absolute;
+            width: 100%;
+            max-height: 400px;
+            overflow-y: auto;
+            background: rgba(15, 23, 42, 0.95);
+            border: 1px solid rgba(0, 247, 255, 0.3);
+            border-radius: 8px;
+            margin-top: 5px;
+            z-index: 100;
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+            display: none;
+        }
+        .search-result-item {
+            padding: 12px 20px;
+            border-bottom: 1px solid rgba(0, 247, 255, 0.1);
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        .search-result-item:hover {
+            background: rgba(0, 247, 255, 0.1);
+        }
+        .search-result-title {
+            font-weight: 600;
+            color: white;
+            margin-bottom: 3px;
+        }
+        .search-result-desc {
+            font-size: 12px;
+            color: rgba(200, 200, 200, 0.7);
+        }
+        .search-result-coords {
+            font-size: 11px;
+            color: var(--neon);
+            margin-top: 5px;
+            font-family: monospace;
+        }
+        .search-category {
+            padding: 8px 15px;
+            background: rgba(0, 0, 0, 0.3);
+            color: var(--neon);
+            font-size: 12px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+        .search-no-results {
+            padding: 20px;
+            text-align: center;
+            color: rgba(200, 200, 200, 0.7);
+            font-size: 14px;
+        }
+        /* Animation for search results */
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(-10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+        .search-results.show {
+            display: block;
+            animation: fadeIn 0.3s ease-out;
+        }
     </style>
 </head>
 <body>
                 </div>
             </div>
+            <!-- Search System -->
+            <div class="search-container">
+                <div class="relative">
+                    <i class="fas fa-search search-icon"></i>
+                    <input type="text" id="search-input" class="search-input" placeholder="Rechercher une localisation, point d'intérêt..." autocomplete="off">
+                    <div id="search-results" class="search-results">
+                        <!-- Results will be populated by JavaScript -->
+                    </div>
+                </div>
+            </div>
             <!-- Map and Controls -->
             <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
                 <div class="lg:col-span-2">
                                 <div class="grid grid-cols-2 gap-3">
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Latitude</label>
+                                        <input type="text" id="target-lat" value="48.8566° N" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Longitude</label>
+                                        <input type="text" id="target-lng" value="2.3522° E" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Altitude</label>
+                                        <input type="text" id="target-alt" value="35.0 m" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                     <div>
                                         <label class="block text-xs text-slate-400 mb-1">Précision</label>
+                                        <input type="text" id="target-precision" value="±0.1 mm" class="w-full bg-slate-800 border border-slate-700 rounded-md px-3 py-2 text-sm">
                                     </div>
                                 </div>
                             </div>
                             <div class="pt-4 border-t border-slate-800">
+                                <button id="lock-target-btn" class="w-full py-2 bg-purple-600 text-white rounded-md command-btn flex items-center justify-center">
                                     <i class="fas fa-crosshairs mr-2"></i> Verrouiller la Cible
                                 </button>
                             </div>
     </div>
     <script>
+        // Sample database of locations for search functionality
+        const locationDatabase = [
+            {
+                id: 1,
+                title: "Tour Eiffel",
+                description: "Monument emblématique de Paris, France",
+                category: "Monument",
+                coords: "48.8584° N, 2.2945° E",
+                lat: 48.8584,
+                lng: 2.2945,
+                alt: "324 m"
+            },
+            {
+                id: 2,
+                title: "Statue de la Liberté",
+                description: "Monument situé à New York, USA",
+                category: "Monument",
+                coords: "40.6892° N, 74.0445° W",
+                lat: 40.6892,
+                lng: -74.0445,
+                alt: "93 m"
+            },
+            {
+                id: 3,
+                title: "Grand Canyon",
+                description: "Formation géologique spectaculaire en Arizona, USA",
+                category: "Nature",
+                coords: "36.1069° N, 112.1129° W",
+                lat: 36.1069,
+                lng: -112.1129,
+                alt: "2,000 m"
+            },
+            {
+                id: 4,
+                title: "Pyramides de Gizeh",
+                description: "Anciennes pyramides égyptiennes",
+                category: "Monument",
+                coords: "29.9792° N, 31.1342° E",
+                lat: 29.9792,
+                lng: 31.1342,
+                alt: "138 m"
+            },
+            {
+                id: 5,
+                title: "Mont Everest",
+                description: "Point culminant de la Terre",
+                category: "Nature",
+                coords: "27.9881° N, 86.9250° E",
+                lat: 27.9881,
+                lng: 86.9250,
+                alt: "8,848 m"
+            },
+            {
+                id: 6,
+                title: "Base HyperVision Alpha",
+                description: "Centre de contrôle principal du réseau satellite",
+                category: "Installation",
+                coords: "34.0522° N, 118.2437° W",
+                lat: 34.0522,
+                lng: -118.2437,
+                alt: "93 m"
+            },
+            {
+                id: 7,
+                title: "Station HyperVision-1",
+                description: "Station de contrôle orbital primaire",
+                category: "Satellite",
+                coords: "0° N, 100° E",
+                lat: 0,
+                lng: 100,
+                alt: "35,786 km"
+            },
+            {
+                id: 8,
+                title: "Laboratoire de Recherche IA",
+                description: "Centre de développement des 25,000 IA spécialisées",
+                category: "Installation",
+                coords: "37.7749° N, 122.4194° W",
+                lat: 37.7749,
+                lng: -122.4194,
+                alt: "16 m"
+            },
+            {
+                id: 9,
+                title: "Usine Robotique HyperVision",
+                description: "Centre de fabrication des systèmes de précision",
+                category: "Installation",
+                coords: "48.8566° N, 2.3522° E",
+                lat: 48.8566,
+                lng: 2.3522,
+                alt: "35 m"
+            },
+            {
+                id: 10,
+                title: "Centre de Contrôle Quantique",
+                description: "Gestion des communications quantiques",
+                category: "Installation",
+                coords: "51.5074° N, 0.1278° W",
+                lat: 51.5074,
+                lng: -0.1278,
+                alt: "24 m"
+            }
+        ];
         // Zoom control functionality
         const zoomSlider = document.getElementById('zoom-slider');
         const zoomValue = document.getElementById('zoom-value');
         const zoomLevelValue = document.getElementById('zoom-level-value');
         const autoFocusBtn = document.getElementById('auto-focus-btn');
+        const searchInput = document.getElementById('search-input');
+        const searchResults = document.getElementById('search-results');
+        const targetLat = document.getElementById('target-lat');
+        const targetLng = document.getElementById('target-lng');
+        const targetAlt = document.getElementById('target-alt');
+        const targetPrecision = document.getElementById('target-precision');
+        const lockTargetBtn = document.getElementById('lock-target-btn');
+        // Search functionality
+        searchInput.addEventListener('input', function() {
+            const query = this.value.toLowerCase();
+            if (query.length < 2) {
+                searchResults.classList.remove('show');
+                return;
+            }
+            const results = locationDatabase.filter(item =>
+                item.title.toLowerCase().includes(query) ||
+                item.description.toLowerCase().includes(query) ||
+                item.category.toLowerCase().includes(query)
+            );
+            displaySearchResults(results);
+        });
+        function displaySearchResults(results) {
+            searchResults.innerHTML = '';
+            if (results.length === 0) {
+                searchResults.innerHTML = '<div class="search-no-results">Aucun résultat trouvé</div>';
+                searchResults.classList.add('show');
+                return;
+            }
+            // Group by category
+            const categories = {};
+            results.forEach(result => {
+                if (!categories[result.category]) {
+                    categories[result.category] = [];
+                }
+                categories[result.category].push(result);
+            });
+            // Display by category
+            for (const [category, items] of Object.entries(categories)) {
+                const categoryElement = document.createElement('div');
+                categoryElement.className = 'search-category';
+                categoryElement.textContent = category;
+                searchResults.appendChild(categoryElement);
+                items.forEach(item => {
+                    const itemElement = document.createElement('div');
+                    itemElement.className = 'search-result-item';
+                    itemElement.innerHTML = `
+                        <div class="search-result-title">${item.title}</div>
+                        <div class="search-result-desc">${item.description}</div>
+                        <div class="search-result-coords">${item.coords} • Alt: ${item.alt}</div>
+                    `;
+                    itemElement.addEventListener('click', () => {
+                        // Update target coordinates
+                        targetLat.value = `${item.lat}° ${item.lat > 0 ? 'N' : 'S'}`;
+                        targetLng.value = `${Math.abs(item.lng)}° ${item.lng > 0 ? 'E' : 'W'}`;
+                        targetAlt.value = item.alt;
+                        targetPrecision.value = "±0.1 mm";
+                        // Update search input
+                        searchInput.value = item.title;
+                        searchResults.classList.remove('show');
+                        // Add to system logs
+                        addSystemLog(`Cible localisée: ${item.title} (${item.coords})`, 'green-400');
+                    });
+                    searchResults.appendChild(itemElement);
+                });
+            }
+            searchResults.classList.add('show');
+        }
+        // Close search results when clicking outside
+        document.addEventListener('click', function(e) {
+            if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) {
+                searchResults.classList.remove('show');
+            }
+        });
         zoomSlider.addEventListener('input', function() {
             const value = parseInt(this.value);
                 this.classList.add('bg-green-600');
                 this.classList.remove('bg-yellow-600');
+                // Add to system logs
+                addSystemLog('Auto-focus terminé avec précision de 0.1μm', 'green-400');
                 // Reset after 2 seconds
                 setTimeout(() => {
                     this.innerHTML = '<i class="fas fa-camera mr-2"></i> Auto-Focus';
             }, 1500);
         });
+        lockTargetBtn.addEventListener('click', function() {
+            // Simulate target lock
+            this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Verrouillage...';
+            this.classList.add('bg-yellow-600');
+            this.classList.remove('bg-purple-600');
+            setTimeout(() => {
+                this.innerHTML = '<i class="fas fa-lock mr-2"></i> Cible Verrouillée';
+                this.classList.add('bg-green-600');
+                this.classList.remove('bg-yellow-600');
+                // Add to system logs
+                addSystemLog(`Cible verrouillée: ${targetLat.value}, ${targetLng.value}`, 'purple-400');
+                // Reset after 3 seconds
+                setTimeout(() => {
+                    this.innerHTML = '<i class="fas fa-crosshairs mr-2"></i> Verrouiller la Cible';
+                    this.classList.add('bg-purple-600');
+                    this.classList.remove('bg-green-600');
+                }, 3000);
+            }, 2000);
+        });
         // Simulate satellite movement
         function moveSatellites() {
             const satellites = document.querySelectorAll('.satellite-track');
             setTimeout(moveSatellites, 2000);
         }
+        // Add entry to system logs
+        function addSystemLog(message, colorClass) {
+            const logs = document.querySelector('.bg-slate-800.h-48');
+            const time = new Date().toLocaleTimeString('fr-FR', {hour: '2-digit', minute:'2-digit', second:'2-digit'});
+            const logEntry = document.createElement('div');
+            logEntry.className = `text-${colorClass}`;
+            logEntry.textContent = `[${time}] ${message}`;
+            logs.insertBefore(logEntry, logs.firstChild);
+            // Keep only 10 log entries
+            if (logs.children.length > 10) {
+                logs.removeChild(logs.lastChild);
+            }
+        }
         // Initialize satellite movement
         document.addEventListener('DOMContentLoaded', moveSatellites);
+        // Initialize system logs
+        document.addEventListener('DOMContentLoaded', function() {
+            // Initial logs
+            addSystemLog('Système IA initialisé avec 25,000 noeuds', 'green-400');
+            addSystemLog('Synchronisation avec réseau satellite complète', 'blue-400');
+            addSystemLog('Calibration robotique terminée (précision: 0.1μm)', 'purple-400');
+            addSystemLog('Zoom ajusté à 1,250x', 'yellow-400');
+            // Start random system updates
+            updateSystemActivity();
+        });
         // Simulate system activity
         function updateSystemActivity() {
             const messages = [
                 {text: 'Analyse thermique en cours', color: 'yellow-400'},
                 {text: 'Mise à jour des coordonnées GPS', color: 'blue-400'},
             ];
             const randomMessage = messages[Math.floor(Math.random() * messages.length)];
+            addSystemLog(randomMessage.text, randomMessage.color);
             setTimeout(updateSystemActivity, 5000 + Math.random() * 5000);
         }
     </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/hypervision-gps" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

@@ -1,3 +1,4 @@
 https://huggingface.co/spaces/docto41/beep-site-pro
 je veux une armées d' IA de 300000 assisant IA les plus puissant pour créer des site web tres volume de 1000 ligne je veux pas de site vitrine ou autre je veux creer des gros pro que par description et aussi creer a partir d'une image
-je veux un  gps satelite le plus puissant au monde creer par 25000 IA sifistique je veux quon peux zoomer : 15000 fois plus pres que le réel le tout robotisé sur automatique

 https://huggingface.co/spaces/docto41/beep-site-pro
 je veux une armées d' IA de 300000 assisant IA les plus puissant pour créer des site web tres volume de 1000 ligne je veux pas de site vitrine ou autre je veux creer des gros pro que par description et aussi creer a partir d'une image
+je veux un  gps satelite le plus puissant au monde creer par 25000 IA sifistique je veux quon peux zoomer : 15000 fois plus pres que le réel le tout robotisé sur automatique
+ajouter systeme de recherche