update the landing page

Panos · Panos · commit 91d8fed91b2e · 2025-10-28T22:40:37.000+02:00
diff --git a/docs/404.html b/docs/404.html
@@ -4,16 +4,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>404 - Page Not Found | GPU Hot</title>
-    
-    <!-- Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RPQC788155"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'G-RPQC788155');
-    </script>
-    
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
diff --git a/docs/demo.html b/docs/demo.html
@@ -4,23 +4,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>GPU Hot - Interactive Demo</title>
-    
-    <!-- Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RPQC788155"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'G-RPQC788155');
-    </script>
-    
+
     <!-- External Libraries -->
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-    
+
     <!-- Embed the exact CSS from the real application via CDN -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/psalias2006/gpu-hot@main/static/css/styles.css">
-    
+
     <style>
     /* Demo-specific notice banner */
     .demo-notice {
@@ -104,32 +95,32 @@ <h1>🔥 GPU Hot</h1>
     <script src="https://cdn.jsdelivr.net/gh/psalias2006/gpu-hot@main/static/js/charts.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/psalias2006/gpu-hot@main/static/js/gpu-cards.js"></script>
     <script src="https://cdn.jsdelivr.net/gh/psalias2006/gpu-hot@main/static/js/ui.js"></script>
-    
+
     <!-- Demo Data Generator (replaces socket-handlers.js) -->
     <script>
     // ============================================================================
     // DEMO DATA GENERATOR - Simulates realistic GPU data
     // ============================================================================
-    
+
     const GPU_NAMES = [
         'NVIDIA GeForce RTX 4060 Ti',
         'NVIDIA GeForce RTX 4080',
     ];
-    
+
     const PROCESS_NAMES = [
         'python3',
         'pytorch_train.py',
         'tensorflow',
         'chrome',
         'code',
     ];
-    
+
     class DemoDataGenerator {
         constructor(numGPUs = 1) {
             this.numGPUs = numGPUs;
             this.gpuStates = [];
             this.time = 0;
-            
+
             // Initialize GPU states - realistic idle behavior
             for (let i = 0; i < numGPUs; i++) {
                 this.gpuStates.push({
@@ -142,63 +133,63 @@ <h1>🔥 GPU Hot</h1>
                 });
             }
         }
-        
+
         generateGPUData() {
             this.time += 1;
             const gpus = {};
-            
+
             for (let i = 0; i < this.numGPUs; i++) {
                 const state = this.gpuStates[i];
-                
+
                 // Simulate realistic idle with occasional small spikes
                 const noise = () => (Math.random() - 0.5) * 3;
                 const wave = Math.sin(this.time * 0.03 + i) * 8;
-                
+
                 const utilization = Math.max(0, Math.min(100, state.baseUtil + wave + noise()));
                 const temperature = Math.max(25, Math.min(85, 31 + utilization * 0.2 + noise() * 0.3));
-                
+
                 // Power scales with utilization
                 const idlePower = 11.5;
-                const powerDraw = utilization > 3 ? 
+                const powerDraw = utilization > 3 ?
                     Math.max(idlePower, Math.min(165, idlePower + (utilization / 100) * 150 + wave + noise() * 2)) :
                     idlePower;
-                
+
                 const memoryUsed = Math.max(512, Math.min(state.memTotal, state.baseMemUsed + wave * 20 + noise() * 50));
-                
+
                 // Clock speeds - idle clocks when idle
                 const idleGraphicsClock = 210;
                 const maxGraphicsClock = 2610;
                 const idleMemoryClock = 405;
                 const maxMemoryClock = 10501;
-                
+
                 const clockGraphics = utilization > 3 ?
                     Math.round(idleGraphicsClock + (utilization / 100) * (maxGraphicsClock - idleGraphicsClock)) :
                     idleGraphicsClock;
-                    
+
                 const clockMemory = utilization > 3 ?
                     Math.round(idleMemoryClock + (utilization / 100) * (maxMemoryClock - idleMemoryClock)) :
                     idleMemoryClock;
-                    
+
                 const clockSm = Math.round(clockGraphics * 1.0);
                 const clockSmMax = 3105;
                 const clockVideo = Math.round(clockGraphics * 0.95);
-                
+
                 // PCIe link adjusts with utilization
                 const pcieGen = utilization > 10 ? 4 : utilization > 5 ? 2 : 1;
                 const pcieWidth = utilization > 10 ? 16 : 8;
-                
+
                 // Energy accumulation (Wh)
                 if (!state.totalEnergy) state.totalEnergy = 0;
                 state.totalEnergy += (powerDraw * (0.5 / 3600)); // 500ms interval, in Wh
-                
+
                 // BAR1 memory (small portion of total)
                 const bar1Used = Math.round(memoryUsed * 0.0004);
                 const bar1Total = Math.round(state.memTotal * 0.016);
-                
+
                 // Process counts
                 const computeProcesses = utilization > 20 ? Math.floor(utilization / 30) : 0;
                 const graphicsProcesses = utilization > 10 ? Math.floor(Math.random() * 2) : utilization > 5 ? 2 : 0;
-                
+
                 gpus[i] = {
                     name: GPU_NAMES[i % GPU_NAMES.length],
                     utilization: Math.round(utilization),
@@ -236,36 +227,36 @@ <h1>🔥 GPU Hot</h1>
                     _fallback_mode: false
                 };
             }
-            
+
             return gpus;
         }
-        
+
         generateProcesses() {
             const numProcesses = Math.floor(Math.random() * 3);
             const processes = [];
-            
+
             for (let i = 0; i < numProcesses; i++) {
                 processes.push({
                     pid: 1000 + Math.floor(Math.random() * 30000),
                     name: PROCESS_NAMES[Math.floor(Math.random() * PROCESS_NAMES.length)],
                     memory: Math.round(500 + Math.random() * 3000)
                 });
             }
-            
+
             return processes;
         }
-        
+
         generateSystemInfo() {
             const cpuBase = 10 + Math.random() * 20;
             const cpuNoise = (Math.random() - 0.5) * 10;
             const memBase = 30 + Math.random() * 20;
-            
+
             return {
                 cpu_percent: Math.max(5, Math.min(95, cpuBase + cpuNoise)),
                 memory_percent: Math.max(20, Math.min(85, memBase + (Math.random() - 0.5) * 5))
             };
         }
-        
+
         generateFullData() {
             return {
                 gpus: this.generateGPUData(),
@@ -274,38 +265,38 @@ <h1>🔥 GPU Hot</h1>
             };
         }
     }
-    
+
     // ============================================================================
     // DEMO APPLICATION - Uses the same update functions as the real app
     // ============================================================================
-    
+
     const dataGenerator = new DemoDataGenerator(1); // 1 GPU for demo
-    
+
     function updateDemo() {
         const data = dataGenerator.generateFullData();
-        
+
         // Use the EXACT same update functions from the real application
         handleGPUDataUpdate(data);
     }
-    
+
     // This function mimics what socket-handlers.js does
     function handleGPUDataUpdate(data) {
         const overviewContainer = document.getElementById('overview-container');
-        
+
         if (!data.gpus || Object.keys(data.gpus).length === 0) {
             overviewContainer.innerHTML = '<div class="loading">No GPU data available</div>';
             return;
         }
-        
+
         // Update each GPU
         Object.keys(data.gpus).forEach(gpuId => {
             const gpuInfo = data.gpus[gpuId];
-            
+
             // Initialize chart data if needed
             if (!chartData[gpuId]) {
                 initGPUData(gpuId);
             }
-            
+
             // Create or update overview card
             const existingOverview = overviewContainer.querySelector(`[data-gpu-id="${gpuId}"]`);
             if (!existingOverview) {
@@ -314,37 +305,37 @@ <h1>🔥 GPU Hot</h1>
             } else {
                 updateOverviewCard(gpuId, gpuInfo, true);
             }
-            
+
             // Create or update detailed GPU tab
             ensureGPUTab(gpuId, gpuInfo, true);
         });
-        
+
         // Update processes
         if (data.processes) {
             updateProcesses(data.processes);
         }
-        
+
         // Update system info
         if (data.system) {
             updateSystemInfo(data.system);
         }
-        
+
         // Auto-switch to single GPU view on first load
         const gpuCount = Object.keys(data.gpus).length;
         const gpuIds = Object.keys(data.gpus);
         autoSwitchSingleGPU(gpuCount, gpuIds);
     }
-    
+
     // Initialize and start demo
     document.addEventListener('DOMContentLoaded', function() {
         console.log('GPU Hot Demo initialized');
-        
+
         // Initial update
         updateDemo();
-        
+
         // Update every 500ms (same as real app)
         setInterval(updateDemo, 500);
-        
+
         // Initialize system charts
         initSystemCharts();
     });
diff --git a/docs/index.html b/docs/index.html
@@ -5,16 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>GPU Hot - Real-time NVIDIA GPU Monitoring</title>
     <meta name="description" content="Sub-second GPU monitoring in your browser. No monitoring infrastructure, no complex dashboards.">
-    
-    <!-- Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-RPQC788155"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'G-RPQC788155');
-    </script>
-    
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
