-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patheyecore.html
More file actions
273 lines (253 loc) · 16.2 KB
/
eyecore.html
File metadata and controls
273 lines (253 loc) · 16.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EyeCore | Privacy-First Infrastructure | MindCore</title>
<meta name="description" content="EyeCore is a modular, privacy-aware monitoring infrastructure designed to serve as the foundation for all MindCore-related applications.">
<!-- Open Graph / Social -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mindcore.web.github.io/eyecore.html">
<meta property="og:title" content="EyeCore | Privacy-First Infrastructure">
<meta property="og:description" content="A personal OS layer that senses, interprets, and delivers structured, anonymized data to connected AI systems.">
<meta property="og:image" content="https://mindcore.web.github.io/assets/logo.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="assets/logo.jpg" type="image/jpeg">
<link rel="canonical" href="https://mindcore.web.github.io/eyecore.html">
</head>
<body>
<canvas id="bg"></canvas>
<div id="gradient"></div>
<!-- Header -->
<header class="site-header">
<div class="container flex-between">
<a href="index.html" class="brand flex-center" style="gap: 10px;">
<img src="assets/logo.jpg" alt="MindCore Logo" style="width: 32px; height: 32px; border-radius: 8px;">
<span style="font-weight: 600; font-size: 18px;">MindCore</span>
</a>
<button class="mobile-menu-btn" aria-label="Toggle menu">☰</button>
<nav class="nav-links">
<a href="index.html" class="nav-link">Home</a>
<a href="products.html" class="nav-link">Products</a>
<a href="eyecore.html" class="nav-link active">Infrastructure</a>
<a href="echolab.html" class="nav-link">Research</a>
<a href="echomind.html" class="btn btn-primary" style="padding: 6px 16px; font-size: 13px;">Get EchoMind</a>
</nav>
</div>
</header>
<main>
<!-- Hero Section -->
<section class="hero">
<div class="hero-bg"></div>
<div class="container">
<span class="hero-eyebrow" data-animate>EyeCore Infrastructure</span>
<h1 class="text-display" data-animate style="margin-bottom: var(--space-m);">
The intelligence fabric<br>
<span class="text-gradient">of your digital life.</span>
</h1>
<p class="text-body" data-animate style="max-width: 600px; margin: 0 auto var(--space-xl);">
A personal OS layer that senses, interprets, and delivers structured, anonymized data to connected AI systems.
</p>
</div>
</section>
<!-- Overview Section -->
<section class="section">
<div class="container">
<div class="grid-2" style="align-items: center;">
<div data-animate>
<h2 class="text-h2" style="margin-bottom: var(--space-m);">More than data collection.</h2>
<p class="text-body" style="margin-bottom: var(--space-l);">
EyeCore bridges the gap between device-level signals and intelligent application behavior. It functions as the 'operating layer' that creates a universal backbone for emotional, analytical, and productivity-driven systems.
</p>
<p class="text-small" style="color: var(--text-secondary);">
* Mix of Kernel and OS level access software infrastructure.
</p>
</div>
<div class="card card-glass" data-animate>
<h3 class="text-h3" style="margin-bottom: var(--space-m);">Strategic Importance</h3>
<ul style="display: grid; gap: 16px;">
<li>
<strong style="color: var(--text-primary);">Unified User Experience</strong>
<p class="text-small">Harmonizes interactions across MindCore applications by understanding behavioral patterns.</p>
</li>
<li>
<strong style="color: var(--text-primary);">Data-Driven Development</strong>
<p class="text-small">Delivers precise, empirical insights for informed feature design.</p>
</li>
<li>
<strong style="color: var(--text-primary);">Proactive Support</strong>
<p class="text-small">Anticipates user needs and prevents potential issues before they occur.</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Data Collection Section -->
<section class="section" style="background: var(--bg-surface);">
<div class="container">
<div class="section-header" style="margin-bottom: var(--space-xl);">
<h2 class="text-h2">Data Collection & Privacy</h2>
<p class="text-body">What we see, and how we protect it.</p>
</div>
<div class="grid-3">
<!-- Voice -->
<div class="card card-glass" data-animate>
<div class="flex-between" style="margin-bottom: 12px;">
<h3 class="text-h3">Voice Data</h3>
<span style="font-size: 10px; padding: 2px 8px; border: 1px solid var(--accent-color); border-radius: 99px; color: var(--accent-color);">Permission Required</span>
</div>
<p class="text-small">Captured through microphone for voice control and emotion analysis. Processed locally to ensure raw audio never leaves your machine.</p>
</div>
<!-- Camera -->
<div class="card card-glass" data-animate>
<div class="flex-between" style="margin-bottom: 12px;">
<h3 class="text-h3">Camera Data</h3>
<span style="font-size: 10px; padding: 2px 8px; border: 1px solid var(--accent-color); border-radius: 99px; color: var(--accent-color);">Opt-in Only</span>
</div>
<p class="text-small">Supports video verification and facial emotion tracking. Only active when explicitly enabled by you.</p>
</div>
<!-- Keystroke -->
<div class="card card-glass" data-animate>
<div class="flex-between" style="margin-bottom: 12px;">
<h3 class="text-h3">Keystroke Dynamics</h3>
<span style="font-size: 10px; padding: 2px 8px; border: 1px solid var(--accent-color); border-radius: 99px; color: var(--accent-color);">Opt-in Only</span>
</div>
<p class="text-small">Analyzes typing rhythm and speed for stress detection without recording actual key-press content.</p>
</div>
<!-- Screen -->
<div class="card card-glass" data-animate>
<h3 class="text-h3" style="margin-bottom: 12px;">Screen Context</h3>
<p class="text-small">Analyzes interaction with UI elements to understand workflows. Abstracted to track component types, not visual recording.</p>
</div>
<!-- Processes -->
<div class="card card-glass" data-animate>
<h3 class="text-h3" style="margin-bottom: 12px;">System Processes</h3>
<p class="text-small">Monitors background processes and active apps to optimize performance and detect anomalies.</p>
</div>
<!-- File Metadata -->
<div class="card card-glass" data-animate>
<div class="flex-between" style="margin-bottom: 12px;">
<h3 class="text-h3">File Metadata</h3>
<span style="font-size: 10px; padding: 2px 8px; border: 1px solid var(--accent-color); border-radius: 99px; color: var(--accent-color);">Opt-in Only</span>
</div>
<p class="text-small">Analyzes file types, sizes, and modification times to understand work nature without reading content.</p>
</div>
</div>
</div>
</section>
<!-- Architecture Section -->
<section class="section">
<div class="container">
<h2 class="text-h2" style="margin-bottom: var(--space-l);">Technical Architecture</h2>
<div class="card card-glass" data-animate>
<div class="grid-2">
<div>
<h4 class="text-h3" style="margin-bottom: var(--space-m);">Core Components</h4>
<ul style="display: grid; gap: 12px;">
<li class="text-small">
<strong style="color: var(--text-primary);">Sensor Layer:</strong> Collects raw signals (screen, voice, input) through permission-gated modules.
</li>
<li class="text-small">
<strong style="color: var(--text-primary);">Event Processor:</strong> Normalizes signals into structured JSON-based event streams.
</li>
<li class="text-small">
<strong style="color: var(--text-primary);">Data Abstraction Layer (DAL):</strong> Transforms raw data into metrics like 'focus index' or 'emotion vector'.
</li>
<li class="text-small">
<strong style="color: var(--text-primary);">Core API Gateway:</strong> Serves real-time data to connected apps securely.
</li>
</ul>
</div>
<div>
<h4 class="text-h3" style="margin-bottom: var(--space-m);">Engineering Practices</h4>
<ul style="display: grid; gap: 12px;">
<li class="text-small">✓ Local-first data handling</li>
<li class="text-small">✓ AES-256 encryption & OAuth 2.0</li>
<li class="text-small">✓ GDPR & HIPAA compliance</li>
<li class="text-small">✓ Low-latency event routing (<50ms)</li>
<li class="text-small">✓ Audit logging for transparency</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<div class="brand flex-center" style="justify-content: start; gap: 10px; margin-bottom: var(--space-m);">
<img src="assets/logo.jpg" alt="MindCore Logo" style="width: 24px; height: 24px; border-radius: 6px;">
<span style="font-weight: 600;">MindCore</span>
</div>
<p class="text-small" style="max-width: 280px;">
Creating AI systems that understand people continuously, not as isolated inputs.
</p>
</div>
<div class="footer-col">
<h4>Products</h4>
<ul>
<li><a href="echomind.html">EchoMind</a></li>
<li><a href="eyecore.html">EyeCore</a></li>
<li><a href="techmind.html">TechMind</a></li>
<li><a href="products.html">All Products</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="index.html#mission">Mission</a></li>
<li><a href="echolab.html">Research</a></li>
<li><a href="pages/careers.html">Careers</a></li>
<li><a href="pages/contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Legal</h4>
<ul>
<li><a href="pages/privacy.html">Privacy Policy</a></li>
<li><a href="pages/terms.html">Terms of Service</a></li>
<li><a href="pages/faq.html">FAQ</a></li>
<li><a href="pages/contact.html">Contact</a></li>
</ul>
</div>
</div>
<div style="margin-top: var(--space-2xl); padding-top: var(--space-l); border-top: 1px solid var(--border-color); text-align: center;">
<p class="text-small">© 2025 MindCore LLC. All rights reserved.</p>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal" id="interest-modal" aria-hidden="true" role="dialog" aria-modal="false" style="display: none;">
<div class="modal-backdrop" data-close-modal style="position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(4px); z-index: 1000;"></div>
<div class="modal-dialog card card-glass" role="document" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(500px, 90%); z-index: 1001; padding: var(--space-xl);">
<button class="modal-close" aria-label="Close" data-close-modal style="position: absolute; top: 16px; right: 16px; background: none; border: none; color: var(--text-secondary); font-size: 24px; cursor: pointer;">×</button>
<h3 class="text-h3" style="margin-bottom: var(--space-m);">Join Early Access</h3>
<p class="text-body" style="margin-bottom: var(--space-l);">Share your email and how you’d like to use MindCore.</p>
<form id="interest-form" style="display: grid; gap: var(--space-m);">
<label style="display: grid; gap: 8px;">
<span class="text-small" style="font-weight: 600;">Email</span>
<input type="email" name="email" required placeholder="you@example.com" style="width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border-color); background: rgba(255,255,255,0.05); color: var(--text-primary); outline: none;">
</label>
<label style="display: grid; gap: 8px;">
<span class="text-small" style="font-weight: 600;">How would you use MindCore?</span>
<textarea name="use" rows="3" placeholder="Study buddy, focus coach..." required style="width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--border-color); background: rgba(255,255,255,0.05); color: var(--text-primary); outline: none; font-family: inherit;"></textarea>
</label>
<div style="display: flex; gap: 12px; margin-top: 8px;">
<button type="submit" class="btn btn-primary" style="flex: 1;">Submit Interest</button>
</div>
<p class="text-small" style="text-align: center; opacity: 0.6;">We respect your privacy. No spam.</p>
</form>
<div class="form-success" hidden style="text-align: center; padding: 20px;">
<h4 class="text-h3" style="color: #30d158; margin-bottom: 8px;">Thank you!</h4>
<p class="text-body">We've recorded your interest.</p>
</div>
</div>
</div>
<script src="scripts.js"></script>
</body>
</html>