-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
237 lines (227 loc) · 12.3 KB
/
index.html
File metadata and controls
237 lines (227 loc) · 12.3 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
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<!--
______ __
/ ____/___ ____ ___ ____ __ __/ /____ _____
/ / / __ \/ __ `__ \/ __ \/ / / / __/ _ \/ ___/
/ /___/ /_/ / / / / / / /_/ / /_/ / /_/ __/ /
\____/\____/_/ /_/ /_/ .___/\__,_/\__/\___/_/
/_/
Created with Perplexity Computer
https://www.perplexity.ai/computer
-->
<meta name="generator" content="Perplexity Computer">
<meta name="author" content="Perplexity Computer">
<meta property="og:see_also" content="https://www.perplexity.ai/computer">
<link rel="author" href="https://www.perplexity.ai/computer">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HeadyCloud — Sovereign Infrastructure</title>
<meta name="description" content="Multi-cloud AI infrastructure — edge computing, auto-scaling, and zero-trust orchestration.">
<meta property="og:title" content="HeadyCloud — Sovereign Infrastructure">
<meta property="og:description" content="Multi-cloud AI infrastructure — edge computing, auto-scaling, and zero-trust orchestration.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://headycloud.com">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0a0f;--surface:rgba(255,255,255,0.03);--border:rgba(255,255,255,0.06);--text:#e2e8f0;--text-muted:#94a3b8;--accent:#38bdf8;--primary:#0ea5e9;--glow:rgba(14,165,233,0.2)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:2rem;position:relative}
.hero::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;opacity:0.3}
.brand-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin:0 auto 2rem;box-shadow:0 8px 32px var(--glow)}
.brand-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:0.5rem}
.brand-tagline{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--accent);font-weight:500;margin-bottom:1rem}
.brand-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;line-height:1.6;margin-bottom:3rem}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:900px;width:100%;padding:0 1rem}
.service{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:left;transition:all 0.3s ease}
.service:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.service-icon{font-size:1.5rem;margin-bottom:0.75rem}
.service-name{font-weight:600;margin-bottom:0.25rem;font-size:0.95rem}
.service-desc{font-size:0.85rem;color:var(--text-muted);line-height:1.4}
.docs-section{padding:4rem 2rem;max-width:900px;margin:0 auto}
.docs-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all 0.3s ease;cursor:pointer;text-decoration:none;color:inherit}
.doc-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.doc-card h3{font-size:0.95rem;margin-bottom:0.5rem}
.doc-card p{font-size:0.85rem;color:var(--text-muted);line-height:1.4}
.footer{text-align:center;padding:3rem 2rem;color:var(--text-muted);font-size:0.85rem;border-top:1px solid var(--border)}
.footer a{color:var(--accent);text-decoration:none}
.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn 0.8s ease forwards}
@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}
.fade-in:nth-child(2){animation-delay:0.1s}
.fade-in:nth-child(3){animation-delay:0.2s}
.fade-in:nth-child(4){animation-delay:0.3s}
</style>
<script src="https://browser.sentry-cdn.com/8.50.0/bundle.tracing.min.js" crossorigin="anonymous"></script>
<script>Sentry.init({dsn:"https://29a987b4715ff2fe770263b5c5da41a3@o4510998791192576.ingest.us.sentry.io/4511070424006656",integrations:[Sentry.browserTracingIntegration()],tracesSampleRate:0.2,environment:"production"});</script>
</head>
<body>
<section class="hero">
<div class="brand-icon fade-in">☁</div>
<h1 class="brand-title fade-in">HeadyCloud</h1>
<p class="brand-tagline fade-in">Sovereign Infrastructure</p>
<p class="brand-subtitle fade-in">Multi-cloud AI infrastructure — edge computing, auto-scaling, and zero-trust orchestration.</p>
<div class="services">
<div class="service">
<div class="service-icon">🌐</div>
<div class="service-name">Edge Network</div>
<div class="service-desc">Global CDN and Workers</div>
</div>
<div class="service">
<div class="service-icon">⚡</div>
<div class="service-name">Auto-Scale</div>
<div class="service-desc">Phi-scaled resource management</div>
</div>
<div class="service">
<div class="service-icon">🔒</div>
<div class="service-name">Zero Trust</div>
<div class="service-desc">Network security mesh</div>
</div>
<div class="service">
<div class="service-icon">📡</div>
<div class="service-name">Observability</div>
<div class="service-desc">Full-stack telemetry</div>
</div>
</div>
</section>
<section class="docs-section">
<h2 class="docs-title">Documentation</h2>
<div class="doc-grid">
<a class="doc-card" href="https://headysystems.com/#architecture">
<h3>Infrastructure Guide</h3>
<p>Deploy and manage multi-cloud infrastructure with sovereign control and AI-powered automation.</p>
</a>
<a class="doc-card" href="https://headysystems.com/#services">
<h3>Edge Computing</h3>
<p>Run workloads at the network edge with global distribution and sub-millisecond latency.</p>
</a>
<a class="doc-card" href="https://headysystems.com/#security">
<h3>Security Architecture</h3>
<p>Zero-trust network design, identity-aware access, and end-to-end encryption policies.</p>
</a>
<a class="doc-card" href="https://headysystems.com/#deploy">
<h3>Deployment Pipeline</h3>
<p>GitOps-driven CI/CD with canary deployments, rollback automation, and SLA tracking.</p>
</a>
</div>
</section>
<footer class="footer">
<p>© 2026 HeadySystems Inc. · <a href="https://headysystems.com">HeadySystems</a> · Powered by <a href="https://www.perplexity.ai/computer">Perplexity Computer</a></p>
</footer>
<!-- HeadyBuddy Chat Widget -->
<!-- FIX: Replaced inline onmouseover/onmouseout event handlers (SyntaxError: Unexpected identifier 'scale')
with CSS :hover pseudo-class transitions. Inline JS event handlers in innerHTML strings cause
SyntaxError in strict/minified contexts and violate CSP. Ref: HEA-231. -->
<style>
/* HeadyBuddy FAB hover — CSS transition replaces removed onmouseover/onmouseout inline handlers */
#hb-toggle {
transition: transform 0.3s cubic-bezier(0.618, 0, 0.382, 1),
box-shadow 0.3s ease;
}
#hb-toggle:hover {
transform: scale(1.08);
box-shadow: 0 6px 28px rgba(168, 85, 247, 0.6);
}
#hb-toggle:active {
transform: scale(0.95);
}
</style>
<script>
(function () {
'use strict';
// HeadyBuddy Floating Action Button
// Fix: Removed onmouseover="this.style.transform='scale(1.08)'" inline handlers
// that caused SyntaxError: Unexpected identifier 'scale' in production.
// Hover effects are now handled via CSS :hover above (CSP-safe, no inline JS).
var API = 'https://manager.headysystems.com';
// Build FAB container using DOM APIs — no inline event handlers
var wrapper = document.createElement('div');
wrapper.style.cssText = 'position:fixed;bottom:21px;right:21px;z-index:99999;';
var btn = document.createElement('button');
btn.id = 'hb-toggle';
btn.setAttribute('aria-label', 'Open HeadyBuddy chat');
btn.setAttribute('aria-expanded', 'false');
btn.style.cssText = [
'width:55px', 'height:55px', 'border-radius:50%',
'background:linear-gradient(135deg,#A855F7,#6366F1)',
'border:none', 'cursor:pointer',
'box-shadow:0 4px 21px rgba(168,85,247,0.4)',
'display:flex', 'align-items:center', 'justify-content:center'
].join(';');
btn.innerHTML = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>';
var panel = document.createElement('div');
panel.id = 'hb-panel';
panel.style.cssText = [
'display:none', 'position:absolute', 'bottom:70px', 'right:0',
'width:360px', 'max-height:500px', 'background:#0f0f1a',
'border:1px solid rgba(168,85,247,0.3)', 'border-radius:13px',
'box-shadow:0 8px 34px rgba(0,0,0,0.6)', 'overflow:hidden',
'font-family:system-ui,-apple-system,sans-serif'
].join(';');
panel.innerHTML = [
'<div style="padding:13px 16px;background:linear-gradient(135deg,#A855F7,#6366F1);color:white;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;">',
'<span style="font-size:18px;">🤖</span> HeadyBuddy',
'<span style="margin-left:auto;font-size:11px;opacity:0.8;">AI Assistant</span>',
'</div>',
'<div id="hb-msgs" style="padding:13px;height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;">',
'<div style="background:rgba(168,85,247,0.15);color:#e2e8f0;padding:10px 13px;border-radius:13px 13px 13px 3px;font-size:13px;max-width:85%;">',
"Hey! I'm HeadyBuddy. Ask me anything about the Heady ecosystem.",
'</div>',
'</div>',
'<div style="padding:8px 13px 13px;border-top:1px solid rgba(255,255,255,0.05);display:flex;gap:8px;">',
'<input id="hb-input" type="text" placeholder="Ask HeadyBuddy..." style="flex:1;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:8px 12px;color:#f1f5f9;font-size:13px;outline:none;" />',
'<button id="hb-send" style="background:linear-gradient(135deg,#A855F7,#6366F1);border:none;border-radius:8px;padding:8px 14px;color:white;cursor:pointer;font-size:13px;font-weight:500;">Send</button>',
'</div>'
].join('');
wrapper.appendChild(btn);
wrapper.appendChild(panel);
document.body.appendChild(wrapper);
var msgs = document.getElementById('hb-msgs');
var input = document.getElementById('hb-input');
// Toggle panel — addEventListener replaces .onclick assignment
btn.addEventListener('click', function () {
var isOpen = panel.style.display !== 'none';
panel.style.display = isOpen ? 'none' : 'block';
btn.setAttribute('aria-expanded', String(!isOpen));
if (!isOpen) { input.focus(); }
});
function addMsg(text, isUser) {
var d = document.createElement('div');
d.style.cssText = 'padding:10px 13px;border-radius:13px;font-size:13px;max-width:85%;word-wrap:break-word;' +
(isUser
? 'background:rgba(99,102,241,0.3);color:#e2e8f0;margin-left:auto;border-bottom-right-radius:3px;'
: 'background:rgba(168,85,247,0.15);color:#e2e8f0;border-bottom-left-radius:3px;');
d.textContent = text;
msgs.appendChild(d);
msgs.scrollTop = msgs.scrollHeight;
}
function send() {
var q = input.value.trim();
if (!q) { return; }
addMsg(q, true);
input.value = '';
addMsg('Thinking…', false);
var last = msgs.lastChild;
fetch(API + '/api/buddy/chat', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ message: q, domain: location.hostname })
}).then(function (r) {
return r.json();
}).then(function (data) {
last.textContent = data.reply || data.response || data.text ||
'I can help with the Heady ecosystem. Try asking about products, API, or pricing.';
}).catch(function () {
last.textContent = 'Visit headybuddy.org for a full chat, or check docs at headyio.com.';
});
}
document.getElementById('hb-send').addEventListener('click', send);
input.addEventListener('keydown', function (e) {
if (e.key === 'Enter') { send(); }
});
}());
</script>
</body>
</html>