-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprivacy.html
More file actions
236 lines (217 loc) · 15 KB
/
privacy.html
File metadata and controls
236 lines (217 loc) · 15 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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Promise | SimplyCodes Truth Engine</title>
<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=Figtree:ital,wght@0,300..900;1,300..900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
sc: {
black: '#070707',
surface: '#111111',
border: '#222222',
neon: '#86FC4F',
text: '#E5E5E5',
muted: '#737373'
}
},
fontFamily: {
sans: ['Figtree', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
}
}
}
}
</script>
<style>
.neon-glow { box-shadow: 0 0 20px rgba(134, 252, 79, 0.15); }
.glass-panel { background: rgba(17, 17, 17, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.08); }
</style>
</head>
<body class="bg-sc-black text-sc-text font-sans antialiased selection:bg-sc-neon selection:text-black">
<nav class="fixed top-0 w-full z-50 border-b border-sc-border bg-sc-black/90 backdrop-blur-md">
<div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
<div class="flex items-center gap-8">
<a href="index.html" class="flex items-center gap-2 group">
<div class="w-6 h-6 rounded bg-sc-neon flex items-center justify-center text-black font-bold text-lg group-hover:neon-glow transition-all">S</div>
<span class="font-bold tracking-tight text-white">SimplyCodes</span>
</a>
<div class="hidden md:flex items-center gap-6 text-sm font-medium text-sc-muted">
<a href="live.html" class="hover:text-white transition-colors">Live Ledger</a>
<a href="truth.html" class="hover:text-white transition-colors">Methodology</a>
</div>
</div>
<div class="flex items-center gap-4">
<a href="api.html" class="hidden md:block text-sm font-mono text-sc-muted hover:text-white transition-colors">For Agents API</a>
<a href="#" class="text-sm font-medium hover:text-white transition-colors">Log In</a>
<a href="extension.html" class="bg-white text-black px-4 py-2 rounded-full text-sm font-bold hover:bg-sc-neon hover:neon-glow transition-all duration-300">
Get Extension
</a>
</div>
</div>
</nav>
<header class="pt-32 pb-24 px-6 border-b border-sc-border relative overflow-hidden">
<div class="absolute right-0 bottom-0 w-1/3 h-full bg-gradient-to-t from-sc-surface to-transparent opacity-50 pointer-events-none"></div>
<div class="max-w-4xl mx-auto relative z-10 text-center">
<div class="inline-flex items-center gap-2 px-3 py-1 rounded bg-sc-black border border-sc-border text-xs font-mono text-sc-neon mb-8">
<span class="w-2 h-2 rounded-full bg-sc-neon animate-pulse"></span>
NO TRACKING DETECTED
</div>
<h1 class="text-5xl md:text-7xl font-bold text-white tracking-tight mb-8">We sell verification.<br>Not you.</h1>
<p class="text-xl text-sc-muted leading-relaxed max-w-2xl mx-auto">
SimplyCodes is not a data broker. We operate on a Performance Model: We only get paid when you save money. Our incentives are aligned with your wallet, not your surveillance.
</p>
</div>
</header>
<section class="py-24 px-6 border-b border-sc-border bg-sc-surface">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-white mb-4">The Economics of Trust</h2>
<p class="text-sc-muted">If a product is free, you are usually the product. Here is how we break that rule.</p>
</div>
<div class="grid md:grid-cols-2 gap-12">
<div class="p-8 rounded-xl border border-red-900/30 bg-red-900/5 relative overflow-hidden">
<div class="absolute top-0 right-0 bg-red-900 text-red-200 text-xs font-bold px-3 py-1 font-mono uppercase">Standard "Free" Tool</div>
<h3 class="text-2xl font-bold text-white mb-6">The Data Broker Model</h3>
<ul class="space-y-4 text-sm text-gray-400">
<li class="flex items-start gap-3">
<span class="text-red-500 font-mono">01.</span>
<span><strong>Scrapes History:</strong> Logs every URL you visit to build an advertising profile.</span>
</li>
<li class="flex items-start gap-3">
<span class="text-red-500 font-mono">02.</span>
<span><strong>Sells Segments:</strong> Packages your interests ("Shopping for engagement rings") and sells to highest bidder.</span>
</li>
<li class="flex items-start gap-3">
<span class="text-red-500 font-mono">03.</span>
<span><strong>Misaligned:</strong> They profit even if you don't save money.</span>
</li>
</ul>
</div>
<div class="p-8 rounded-xl border border-sc-neon/30 bg-sc-neon/5 relative overflow-hidden">
<div class="absolute top-0 right-0 bg-sc-neon text-black text-xs font-bold px-3 py-1 font-mono uppercase">SimplyCodes Model</div>
<h3 class="text-2xl font-bold text-white mb-6">The Sovereign Affiliate</h3>
<ul class="space-y-4 text-sm text-gray-400">
<li class="flex items-start gap-3">
<span class="text-sc-neon font-mono">01.</span>
<span><strong>Sleeps by Default:</strong> The extension is inert until it detects a checkout URL. We ignore your browsing history.</span>
</li>
<li class="flex items-start gap-3">
<span class="text-sc-neon font-mono">02.</span>
<span><strong>Performance Fee:</strong> Merchants pay us a commission <em>only</em> if the code works and you complete the purchase.</span>
</li>
<li class="flex items-start gap-3">
<span class="text-sc-neon font-mono">03.</span>
<span><strong>Perfectly Aligned:</strong> If you don't save, we don't eat.</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="py-24 px-6 bg-sc-black">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-white mb-12">The Anti-Spyware Guarantee.</h2>
<div class="space-y-12">
<div class="flex gap-6">
<div class="w-12 h-12 rounded-lg bg-sc-surface border border-sc-border flex items-center justify-center shrink-0">
<svg class="w-6 h-6 text-sc-neon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" /></svg>
</div>
<div>
<h3 class="text-xl font-bold text-white mb-2">Zero History Logging</h3>
<p class="text-sc-muted leading-relaxed">
We do not record your search history, social media activity, or emails. The extension uses a "whitelist" approach: it only wakes up when the domain matches a verified merchant in our database.
</p>
</div>
</div>
<div class="flex gap-6">
<div class="w-12 h-12 rounded-lg bg-sc-surface border border-sc-border flex items-center justify-center shrink-0">
<svg class="w-6 h-6 text-sc-neon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" /></svg>
</div>
<div>
<h3 class="text-xl font-bold text-white mb-2">Local Execution</h3>
<p class="text-sc-muted leading-relaxed">
Code testing logic runs locally on your device's browser, not on our servers. This ensures your cart contents and personal details remain sandboxed on your machine until you choose to complete the purchase.
</p>
</div>
</div>
<div class="flex gap-6">
<div class="w-12 h-12 rounded-lg bg-sc-surface border border-sc-border flex items-center justify-center shrink-0">
<svg class="w-6 h-6 text-sc-neon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
</div>
<div>
<h3 class="text-xl font-bold text-white mb-2">No Data Sales. Ever.</h3>
<p class="text-sc-muted leading-relaxed">
We have never sold user data. We never will. Our revenue comes from "Sovereign Affiliate" commissions paid by brands like Nike and Sephora, not from third-party data brokers.
</p>
</div>
</div>
</div>
<div class="mt-16 bg-sc-surface border border-sc-border rounded-lg p-6 font-mono text-xs overflow-x-auto">
<div class="text-sc-muted mb-2">// The Logic of Non-Tracking</div>
<div><span class="text-purple-400">if</span> (currentUrl.<span class="text-blue-400">match</span>(merchantWhitelist)) {</div>
<div class="pl-4"><span class="text-yellow-400">activate</span>();</div>
<div>} <span class="text-purple-400">else</span> {</div>
<div class="pl-4"><span class="text-sc-muted">// Sleep. Do not log. Do not transmit.</span></div>
<div class="pl-4"><span class="text-red-400">return</span> <span class="text-blue-400">null</span>;</div>
<div>}</div>
</div>
</div>
</section>
<footer class="bg-sc-black border-t border-sc-border pt-20 pb-10 px-6">
<div class="max-w-7xl mx-auto">
<div class="grid grid-cols-2 md:grid-cols-4 gap-12 mb-20">
<div>
<h4 class="font-mono text-xs text-sc-muted uppercase tracking-widest mb-6">Platform</h4>
<ul class="space-y-4 text-sm font-medium text-gray-400">
<li><a href="extension.html" class="hover:text-white hover:text-sc-neon transition-colors">Extension</a></li>
<li><a href="mobile-app.html" class="hover:text-white hover:text-sc-neon transition-colors">Mobile App</a></li>
<li><a href="chatgpt.html" class="hover:text-white hover:text-sc-neon transition-colors">ChatGPT App</a></li>
<li><a href="api.html" class="hover:text-white hover:text-sc-neon transition-colors">Developer API</a></li>
</ul>
</div>
<div>
<h4 class="font-mono text-xs text-sc-muted uppercase tracking-widest mb-6">Truth</h4>
<ul class="space-y-4 text-sm font-medium text-gray-400">
<li><a href="live.html" class="hover:text-white hover:text-sc-neon transition-colors">Live Ledger</a></li>
<li><a href="truth.html" class="hover:text-white hover:text-sc-neon transition-colors">Methodology</a></li>
<li><a href="taxonomy.html" class="hover:text-white hover:text-sc-neon transition-colors">Failure Taxonomy</a></li>
<li><a href="privacy.html" class="hover:text-white hover:text-sc-neon transition-colors">Privacy Promise</a></li>
</ul>
</div>
<div>
<h4 class="font-mono text-xs text-sc-muted uppercase tracking-widest mb-6">Workforce</h4>
<ul class="space-y-4 text-sm font-medium text-gray-400">
<li><a href="workforce.html" class="hover:text-white hover:text-sc-neon transition-colors">Join the Workforce</a></li>
<li><a href="leaderboards.html" class="hover:text-white hover:text-sc-neon transition-colors">Leaderboards</a></li>
<li><a href="#" class="hover:text-white hover:text-sc-neon transition-colors">ShopGraph Tasks</a></li>
</ul>
</div>
<div>
<h4 class="font-mono text-xs text-sc-muted uppercase tracking-widest mb-6">Status</h4>
<div class="flex items-center gap-2 mb-4">
<span class="w-2 h-2 rounded-full bg-sc-neon"></span>
<span class="text-sm text-white font-mono">Operational</span>
</div>
<p class="text-xs text-sc-muted">Latency: 12ms</p>
<p class="text-xs text-sc-muted">San Francisco, CA</p>
</div>
</div>
<div class="border-t border-sc-border pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
<div class="text-sm text-sc-muted">© 2026 Demand.io. All rights reserved.</div>
<div class="flex gap-6 text-sm text-sc-muted">
<a href="#" class="hover:text-white">Twitter / X</a>
<a href="#" class="hover:text-white">LinkedIn</a>
</div>
</div>
</div>
</footer>
</body>
</html>