-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcookie-policy.html
More file actions
293 lines (272 loc) · 15.2 KB
/
Copy pathcookie-policy.html
File metadata and controls
293 lines (272 loc) · 15.2 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Meta Tags -->
<title>Cookie Policy - Clean My Prompt</title>
<meta name="description" content="Learn about our minimal cookie usage. We only use essential cookies for theme preferences and anonymous analytics. No tracking, no personal data collection.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://cleanmyprompt.com/cookie-policy.html">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="alternate icon" href="favicon.ico">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JYFMBRZN2P"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-JYFMBRZN2P');
</script>
<script src="https://cdn.tailwindcss.com"></script>
<style>
#pageLoader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#18181b 0%,#27272a 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}
#pageLoader.loaded{opacity:0;visibility:hidden}
.loader-spinner{width:50px;height:50px;border:4px solid rgba(47,125,109,.1);border-top-color:#2f7d6d;border-radius:50%;animation:spin 1s linear infinite}
.loader-text{margin-top:24px;font-family:system-ui;font-size:14px;color:#a1a1aa}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
</style>
<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&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
:root {
--bg-primary: #18181b;
--bg-secondary: #27272a;
--text-primary: #fafafa;
--text-secondary: #a1a1aa;
--accent-primary: #2f7d6d;
--border-color: #3f3f46;
}
body {
background-color: var(--bg-primary);
color: var(--text-primary);
}
.content-section {
background-color: var(--bg-secondary);
border: 1px solid var(--border-color);
}
a {
color: var(--accent-primary);
text-decoration: underline;
}
a:hover {
opacity: 0.8;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid var(--border-color);
padding: 12px;
text-align: left;
}
th {
background-color: var(--bg-primary);
font-weight: 600;
}
</style>
</head>
<body>
<div id="pageLoader">
<div class="loader-spinner"></div>
<div class="loader-text">Loading...</div>
</div>
<!-- Navigation -->
<nav style="background-color: var(--bg-secondary); border-bottom: 1px solid var(--border-color);">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<a href="index.html" class="flex items-center gap-3 no-underline">
<img src="Clean My Prompt.svg" alt="Clean My Prompt Logo" class="w-8 h-8" />
<span class="text-xl font-bold">Clean My Prompt</span>
</a>
<a href="index.html" class="text-sm" style="color: var(--text-secondary);">← Back to App</a>
</div>
</div>
</nav>
<!-- Main Content -->
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<h1 class="text-4xl font-bold mb-4">Cookie Policy</h1>
<p class="text-sm mb-8" style="color: var(--text-secondary);">
Last Updated: February 8, 2026
</p>
<!-- Introduction -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Introduction</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
At Clean My Prompt, we are committed to transparency and your privacy. This Cookie Policy explains how we use cookies and similar technologies on our website. Unlike most web applications, we use <strong>minimal cookies</strong> and <strong>no tracking scripts</strong>.
</p>
<p style="color: var(--text-secondary); line-height: 1.7;">
All data processing happens locally in your browser. We do not collect, store, or transmit your sensitive data to any servers.
</p>
</section>
<!-- What Are Cookies -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">What Are Cookies?</h2>
<p style="color: var(--text-secondary); line-height: 1.7;">
Cookies are small text files stored on your device by your web browser. They help websites remember your preferences and improve user experience. Cookies can be:
</p>
<ul class="list-disc list-inside mt-4 space-y-2" style="color: var(--text-secondary);">
<li><strong>First-party cookies:</strong> Set by the website you're visiting</li>
<li><strong>Third-party cookies:</strong> Set by external services (we do NOT use these)</li>
<li><strong>Session cookies:</strong> Deleted when you close your browser</li>
<li><strong>Persistent cookies:</strong> Remain until expiry or manual deletion</li>
</ul>
</section>
<!-- Cookies We Use -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Cookies We Use</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
We use <strong>only essential cookies</strong> to provide core functionality. Here's a complete breakdown:
</p>
<table class="mb-4">
<thead>
<tr>
<th>Cookie Name</th>
<th>Purpose</th>
<th>Type</th>
<th>Duration</th>
</tr>
</thead>
<tbody style="color: var(--text-secondary);">
<tr>
<td><code>theme</code></td>
<td>Remembers your theme preference (dark or warm mode)</td>
<td>First-party, Essential</td>
<td>Persistent (1 year)</td>
</tr>
<tr>
<td><code>cookieConsent</code></td>
<td>Records your cookie consent choice</td>
<td>First-party, Essential</td>
<td>Persistent (1 year)</td>
</tr>
<tr>
<td><code>customPatterns</code></td>
<td>Stores your custom regex patterns (session only)</td>
<td>Session Storage</td>
<td>Session (deleted on close)</td>
</tr>
</tbody>
</table>
<div class="bg-blue-900 bg-opacity-20 border-l-4 border-blue-500 p-4 rounded">
<p class="text-sm" style="color: var(--text-primary);">
<strong>⚠️ Important:</strong> We do NOT use analytics cookies, advertising cookies, or any third-party tracking scripts. Your sanitized text never leaves your browser.
</p>
</div>
</section>
<!-- Analytics -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Anonymous Analytics</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
We collect <strong>minimal, anonymous analytics</strong> to understand how people use our tool. This helps us improve the service. We only track:
</p>
<ul class="list-disc list-inside space-y-2 mb-4" style="color: var(--text-secondary);">
<li><strong>Country-level location:</strong> Which country visitors are from (e.g., "United States", "Germany")</li>
<li><strong>Page views:</strong> Which pages are visited most often</li>
<li><strong>Referral source:</strong> How users found us (e.g., Google, direct, social media)</li>
</ul>
<p style="color: var(--text-secondary); line-height: 1.7;">
<strong>We do NOT track:</strong>
</p>
<ul class="list-disc list-inside space-y-2" style="color: var(--text-secondary);">
<li>Individual IP addresses (anonymized immediately)</li>
<li>User behavior or clicks</li>
<li>Personal information</li>
<li>Your sanitized text or prompts</li>
<li>Browser fingerprints</li>
</ul>
</section>
<!-- Third-Party Services -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Third-Party Services</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
We use the following external services (loaded from CDNs):
</p>
<ul class="list-disc list-inside space-y-2" style="color: var(--text-secondary);">
<li><strong>Tailwind CSS:</strong> For styling (no cookies, no tracking)</li>
<li><strong>Google Fonts (Inter):</strong> For typography (no cookies, no tracking)</li>
<li><strong>Compromise.js (unpkg.com):</strong> For NLP processing (no cookies, no tracking)</li>
</ul>
<p class="mt-4" style="color: var(--text-secondary); line-height: 1.7;">
These services are loaded from public CDNs and do not track your activity on our site.
</p>
</section>
<!-- Your Choices -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Your Cookie Choices</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
You have full control over cookies:
</p>
<h3 class="text-lg font-semibold mb-2">1. Browser Settings</h3>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
You can configure your browser to refuse all cookies or alert you when cookies are being set. However, some features may not work properly without cookies:
</p>
<ul class="list-disc list-inside space-y-1 mb-4" style="color: var(--text-secondary);">
<li><strong>Chrome:</strong> Settings → Privacy and Security → Cookies</li>
<li><strong>Firefox:</strong> Settings → Privacy & Security → Cookies</li>
<li><strong>Safari:</strong> Preferences → Privacy → Cookies</li>
<li><strong>Edge:</strong> Settings → Privacy → Cookies</li>
</ul>
<h3 class="text-lg font-semibold mb-2">2. Clear Cookies</h3>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
You can delete all cookies at any time through your browser settings. This will reset:
</p>
<ul class="list-disc list-inside space-y-1" style="color: var(--text-secondary);">
<li>Theme preference (revert to default dark mode)</li>
<li>Cookie consent choice (banner will reappear)</li>
<li>Custom regex patterns (will be lost)</li>
</ul>
</section>
<!-- GDPR Compliance -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">GDPR & Privacy Regulations</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
We are committed to compliance with privacy regulations including GDPR (EU), CCPA (California), and other international data protection laws.
</p>
<h3 class="text-lg font-semibold mb-2">Your Rights:</h3>
<ul class="list-disc list-inside space-y-2" style="color: var(--text-secondary);">
<li><strong>Right to Access:</strong> All data is stored locally on your device. You can inspect it in browser DevTools.</li>
<li><strong>Right to Deletion:</strong> Clear your browser cookies/storage to delete all data.</li>
<li><strong>Right to Portability:</strong> All data is in standard browser storage formats.</li>
<li><strong>Right to Object:</strong> You can disable cookies in your browser settings.</li>
</ul>
</section>
<!-- Changes to Policy -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Changes to This Policy</h2>
<p style="color: var(--text-secondary); line-height: 1.7;">
We may update this Cookie Policy from time to time. Changes will be posted on this page with an updated "Last Updated" date. We encourage you to review this policy periodically.
</p>
</section>
<!-- Contact -->
<section class="content-section rounded-xl p-6 mb-6">
<h2 class="text-2xl font-semibold mb-4">Contact Us</h2>
<p class="mb-4" style="color: var(--text-secondary); line-height: 1.7;">
If you have questions about our cookie usage or privacy practices, please reach out:
</p>
<ul class="space-y-2" style="color: var(--text-secondary);">
<li><strong>GitHub:</strong> <a href="https://github.com/Eulex0x/cleanmyprompt">github.com/Eulex0x/cleanmyprompt</a></li>
<li><strong>Issues:</strong> Report via GitHub Issues</li>
</ul>
</section>
<!-- Footer -->
<footer class="text-center text-sm pt-8 mt-8" style="color: var(--text-secondary); border-top: 1px solid var(--border-color);">
<div class="flex items-center justify-center gap-6 mb-4 flex-wrap">
<a href="index.html">Home</a>
<a href="how-it-works.html">Technical Details</a>
<a href="privacy-policy.html">Privacy Policy</a>
<a href="terms-of-service.html">Terms of Service</a>
<a href="about.html">About</a>
</div>
<p class="mb-2">© 2026 Clean My Prompt. Open Source (MIT License).</p>
</footer>
</div>
<script>window.addEventListener("load",function(){const loader=document.getElementById("pageLoader");if(loader){setTimeout(()=>{loader.classList.add("loaded");setTimeout(()=>loader.remove(),500)},300)}});</script>
</body>
</html>