Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
193 lines (180 loc) · 12.8 KB
/
Copy pathindex.html
File metadata and controls
193 lines (180 loc) · 12.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>NetMeter Extensions - Web Data Monitor & Surgical Data Cleaner</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="NetMeter Extensions: Powerful browser tools to uncover hidden bandwidth costs and surgically manage site-specific data. Lightweight, privacy-first, and built for power users." />
<meta name="keywords" content="NetMeter, bandwidth monitor, cache cleaner, cookie manager, site data analyzer, Chrome extension, developer tools, storage inspector" />
<meta name="author" content="Mkhuda" />
<meta name="robots" content="index, follow" />
<meta name="google-site-verification" content="cVbixU9Sy-W3POIGYy0Z8myvwUAYKFbumN4ADL9K0tk" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://getnetmeter.com" />
<meta property="og:title" content="NetMeter Extensions - Better Browsing, Smarter Control" />
<meta property="og:description" content="Uncover hidden data costs and surgically manage site storage. Lightweight browser tools designed for precision." />
<meta property="og:image" content="https://getnetmeter.com/logo.png" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://getnetmeter.com" />
<meta property="twitter:title" content="NetMeter Extensions - Better Browsing, Smarter Control" />
<meta property="twitter:description" content="Stay informed about site bandwidth usage and manage browser storage with surgical precision." />
<meta property="twitter:image" content="https://getnetmeter.com/logo.png" />
<link rel="canonical" href="https://getnetmeter.com" />
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<link rel="shortcut icon" href="favicon/favicon.ico">
<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;700;800&display=swap" rel="stylesheet">
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<!-- Sticky Header -->
<header class="site-header">
<nav class="nav-container">
<div class="nav-side left">
<a href="https://getnetmeter.com" class="nav-item" title="Home">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
<span>Home</span>
</a>
</div>
<a href="https://getnetmeter.com" class="nav-logo">NetMeter</a>
<div class="nav-side right">
<a href="release-notes.html" class="nav-item" title="Changelog">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
<span>Changelog</span>
</a>
<a href="faq.html" class="nav-item" title="Help & Support">
<span>Help</span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
</a>
</div>
</nav>
</header>
<div class="container">
<!-- Hero Section -->
<section class="hub-header">
<div class="hero-decor">
<!-- Activity/Network -->
<svg class="decor-icon icon-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
<!-- Database -->
<svg class="decor-icon icon-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>
<!-- Shield -->
<svg class="decor-icon icon-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
<!-- Gear -->
<svg class="decor-icon icon-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
<!-- Code -->
<svg class="decor-icon icon-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
<!-- Search -->
<svg class="decor-icon icon-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
<!-- Zap -->
<svg class="decor-icon icon-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polyline></svg>
<!-- Layers -->
<svg class="decor-icon icon-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
</div>
<h1 class="main-title">Uncover Hidden Costs.<br>Surgical Data Control.</h1>
<p class="sub-title">Stay informed about site bandwidth usage and manage browser storage with precision. High-performance tools for a faster, cleaner, and more transparent web.</p>
</section>
<!-- Extensions Grid -->
<div id="products" class="extension-grid">
<!-- Card 1: NetMeter Web -->
<div class="extension-card reveal">
<div class="logo-wrapper">
<img src="./logo.png" alt="NetMeter Web Logo" />
</div>
<div class="mainHost">NetMeter Web</div>
<p class="extension-desc">Detailed, real-time look into the bandwidth consumption of any site you visit, from video streams to background API calls.</p>
<ul class="card-features">
<li>Granular Breakdown (Media, API, etc.)</li>
<li>Real-Time Floating Monitoring</li>
<li>Comprehensive Usage Reports</li>
<li>Per-Site Tracking Control</li>
</ul>
<a href="https://chrome.google.com/webstore/detail/netmeter-web/jnjnledlnjnkfgepmadpfdljbmdhcihi" class="bandwith" target="_blank">Get for Chrome</a>
<div class="info-release">v2.4.0</div>
<div class="footnote">
<a href="release-notes.html">Changelog</a>
<a href="faq.html">FAQ</a>
</div>
</div>
<!-- Card 2: Cache & Data Cleaner -->
<div class="extension-card reveal">
<div class="logo-wrapper">
<img src="./cache-logo.png" alt="NetMeter Cache & Data Cleaner Logo" />
</div>
<div class="mainHost">Cache & Data Cleaner</div>
<p class="extension-desc">A precision toolkit to analyze and clean site-specific storage, cookies, and IndexedDB for the active tab only.</p>
<ul class="card-features">
<li>Precision Site-Specific Focus</li>
<li>Advanced Storage Inspector</li>
<li>Granular Item Deletion Engine</li>
<li>Sleek In-Page Modal Manager</li>
</ul>
<a href="https://chromewebstore.google.com/detail/netmeter-cache-data-clean/kpjcomfoceiapenmgmcojoodackgflol" class="bandwith" target="_blank">Get for Chrome</a>
<div class="info-release">v1.1.0</div>
<div class="footnote">
<a href="faq.html#cleaner">FAQ</a>
<a href="privacy.html">Privacy</a>
</div>
</div>
</div>
<!-- Why Section -->
<section class="features-section reveal">
<div class="feature-item">
<h3>Privacy First</h3>
<p>We never read your data content. Our tools only analyze metadata locally. Your credentials and browsing history stay on your device.</p>
</div>
<div class="feature-item">
<h3>Performance Obsessed</h3>
<p>Extremely lightweight and built for speed. Smart throttling ensures zero impact on your browser's performance even on heavy sites.</p>
</div>
<div class="feature-item">
<h3>Surgical Precision</h3>
<p>Forget global "all-or-nothing" tools. Manage and clean data for specific sites without affecting your other active sessions.</p>
</div>
</section>
<!-- About Section -->
<section id="about" class="about-section reveal">
<div class="about-content">
<h2>Behind the Project</h2>
<p>NetMeter Web and Cache & Data Cleaner are independent tools crafted by Mkhuda to provide a more transparent and surgical browsing experience. Every line of code is optimized for power users who demand efficiency, privacy, and total control over their web data.</p>
<div style="display: flex; gap: 1rem; flex-wrap: wrap;">
<a href="https://github.com/mkhuda" target="_blank" class="dev-tag">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
<span>GitHub</span>
</a>
<a href="https://mkhuda.com" target="_blank" class="dev-tag">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
<span>mkhuda.com</span>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<p>© 2025 getnetmeter.com. Built with precision for those who care about every byte. Tailored for Your needs.</p>
<div class="footnote">
<a href="privacy.html">Privacy Policy</a>
<a href="faq.html">FAQ</a>
<a href="https://formrecover.com" target="_blank" rel="nofollow noopener" title="Auto save form extension">Form Recover</a>
</div>
</footer>
</div>
<script>
const observerOptions = { threshold: 0.1 };
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('active');
}
});
}, observerOptions);
document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
</script>
</body>
</html>