Skip to content

Commit 7e20f28

Browse files
author
Panos
committed
update the landing page
1 parent fd23b0e commit 7e20f28

File tree

3 files changed

+44
-11
lines changed

3 files changed

+44
-11
lines changed

‎docs/404.html‎

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,16 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>404 - Page Not Found | GPU Hot</title>
7+
8+
<!-- Google Analytics -->
9+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RPQC788155"></script>
10+
<script>
11+
window.dataLayer = window.dataLayer || [];
12+
function gtag(){dataLayer.push(arguments);}
13+
gtag('js', new Date());
14+
gtag('config', 'G-RPQC788155');
15+
</script>
16+
717
<link rel="preconnect" href="https://fonts.googleapis.com">
818
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
919
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
@@ -360,10 +370,10 @@
360370
<div class="error-code">404</div>
361371
<h1>Page Not Found</h1>
362372
<p>This page doesn't exist. Even the GPU couldn't compute this one.</p>
363-
<a href="/gpu-hot/" class="btn">Back to Home</a>
373+
<a href="/gpu-hot/" class="btn" onclick="gtag('event', 'click', {'event_category': '404', 'event_label': 'Back to Home'});">Back to Home</a>
364374
<div class="links">
365-
<a href="https://github.com/psalias2006/gpu-hot">GitHub</a>
366-
<a href="https://github.com/psalias2006/gpu-hot/issues">Report Issue</a>
375+
<a href="https://github.com/psalias2006/gpu-hot" onclick="gtag('event', 'click', {'event_category': '404', 'event_label': 'GitHub'});">GitHub</a>
376+
<a href="https://github.com/psalias2006/gpu-hot/issues" onclick="gtag('event', 'click', {'event_category': '404', 'event_label': 'Report Issue'});">Report Issue</a>
367377
</div>
368378
</div>
369379
</div>

‎docs/demo.html‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,15 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>GPU Hot - Interactive Demo</title>
77

8+
<!-- Google Analytics -->
9+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RPQC788155"></script>
10+
<script>
11+
window.dataLayer = window.dataLayer || [];
12+
function gtag(){dataLayer.push(arguments);}
13+
gtag('js', new Date());
14+
gtag('config', 'G-RPQC788155');
15+
</script>
16+
817
<!-- External Libraries -->
918
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
1019
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@@ -48,7 +57,7 @@ <h1>🔥 GPU Hot</h1>
4857

4958
<!-- View Selector -->
5059
<div class="view-selector" id="view-selector">
51-
<button class="view-option active" data-view="overview" onclick="switchToView('overview')">All GPUs</button>
60+
<button class="view-option active" data-view="overview" onclick="switchToView('overview'); if (typeof gtag !== 'undefined') gtag('event', 'view_switch', {'event_category': 'Demo Interaction', 'event_label': 'Overview'});">All GPUs</button>
5261
</div>
5362

5463
<!-- Overview Tab -->
@@ -60,7 +69,7 @@ <h1>🔥 GPU Hot</h1>
6069
<!-- Individual GPU Tabs (dynamically created) -->
6170

6271
<div class="processes-section">
63-
<div class="processes-header" onclick="toggleProcesses()">
72+
<div class="processes-header" onclick="toggleProcesses(); if (typeof gtag !== 'undefined') gtag('event', 'toggle_processes', {'event_category': 'Demo Interaction', 'event_label': 'Process Section'});">
6473
<div class="processes-title">
6574
Active GPU Processes
6675
</div>

‎docs/index.html‎

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,16 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>GPU Hot - Real-time NVIDIA GPU Monitoring</title>
77
<meta name="description" content="Sub-second GPU monitoring in your browser. No monitoring infrastructure, no complex dashboards.">
8+
9+
<!-- Google Analytics -->
10+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RPQC788155"></script>
11+
<script>
12+
window.dataLayer = window.dataLayer || [];
13+
function gtag(){dataLayer.push(arguments);}
14+
gtag('js', new Date());
15+
gtag('config', 'G-RPQC788155');
16+
</script>
17+
818
<link rel="preconnect" href="https://fonts.googleapis.com">
919
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1020
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
@@ -608,7 +618,7 @@
608618
<nav>
609619
<div class="nav-content">
610620
<div class="logo">GPU Hot</div>
611-
<a href="https://github.com/psalias2006/gpu-hot" class="github-link">GitHub</a>
621+
<a href="https://github.com/psalias2006/gpu-hot" class="github-link" onclick="gtag('event', 'click', {'event_category': 'Navigation', 'event_label': 'GitHub Header'});">GitHub</a>
612622
</div>
613623
</nav>
614624

@@ -617,13 +627,13 @@
617627
<h1>GPU Hot<br>Metrics in Seconds</h1>
618628
<p>Real-time GPU monitoring in your browser. Start with one server, scale to dozens. No infrastructure, no setup, no SSH. Just one command.</p>
619629
<div style="display: flex; gap: 1rem; flex-wrap: wrap;">
620-
<a href="./demo.html" class="cta" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; border: none;">
630+
<a href="./demo.html" class="cta" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; border: none;" onclick="gtag('event', 'click', {'event_category': 'CTA', 'event_label': 'Try Interactive Demo'});">
621631
Try Interactive Demo
622632
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
623633
<path d="M5 12h14M12 5l7 7-7 7"/>
624634
</svg>
625635
</a>
626-
<a href="https://github.com/psalias2006/gpu-hot" class="cta">
636+
<a href="https://github.com/psalias2006/gpu-hot" class="cta" onclick="gtag('event', 'click', {'event_category': 'CTA', 'event_label': 'View on GitHub'});">
627637
View on GitHub
628638
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
629639
<path d="M7 17L17 7M17 7v10M17 7H7"/>
@@ -659,9 +669,9 @@ <h2 class="section-title">Get Started</h2>
659669
<div class="footer-content">
660670
<div>Open source. Built for developers.</div>
661671
<div class="footer-links">
662-
<a href="https://github.com/psalias2006/gpu-hot">GitHub</a>
663-
<a href="https://github.com/psalias2006/gpu-hot/issues">Issues</a>
664-
<a href="https://github.com/psalias2006/gpu-hot/blob/main/LICENSE">License</a>
672+
<a href="https://github.com/psalias2006/gpu-hot" onclick="gtag('event', 'click', {'event_category': 'Footer', 'event_label': 'GitHub'});">GitHub</a>
673+
<a href="https://github.com/psalias2006/gpu-hot/issues" onclick="gtag('event', 'click', {'event_category': 'Footer', 'event_label': 'Issues'});">Issues</a>
674+
<a href="https://github.com/psalias2006/gpu-hot/blob/main/LICENSE" onclick="gtag('event', 'click', {'event_category': 'Footer', 'event_label': 'License'});">License</a>
665675
</div>
666676
</div>
667677
</div>
@@ -673,6 +683,10 @@ <h2 class="section-title">Get Started</h2>
673683
navigator.clipboard.writeText(text).then(() => {
674684
const original = btn.textContent;
675685
btn.textContent = 'Copied';
686+
// Track copy event
687+
if (typeof gtag !== 'undefined') {
688+
gtag('event', 'copy_docker_command', {'event_category': 'Engagement', 'event_label': 'Docker Run Command'});
689+
}
676690
setTimeout(() => btn.textContent = original, 2000);
677691
});
678692
}

0 commit comments

Comments
 (0)