Skip to content

Commit e33a0fa

Browse files
AionSystemAionSystem
authored
Update index.html
1 parent 90b0423 commit e33a0fa

File tree

1 file changed

+259
-0
lines changed

1 file changed

+259
-0
lines changed

‎about/index.html‎

Lines changed: 259 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,260 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Sheldon K. Salmon — AI Reliability Architect, AGI Systems Designer, Founder of AionSystem. Position statement, work philosophy, contact.">
7+
<title>About — Sheldon K. Salmon · AionSystem</title>
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Barlow+Condensed:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300&display=swap" rel="stylesheet">
10+
<style>
11+
:root {
12+
--bg: #08090b;
13+
--surface: #0e1117;
14+
--panel: #141920;
15+
--border: #1e2730;
16+
--amber: #f0a500;
17+
--amber-d: #b07800;
18+
--amber-l: #ffc947;
19+
--gold: #D4AF37;
20+
--text: #c4d4de;
21+
--muted: #4e5f6a;
22+
--dim: #2a3540;
23+
--mono: 'Share Tech Mono', monospace;
24+
--sans: 'Barlow Condensed', sans-serif;
25+
--ease: cubic-bezier(0.16, 1, 0.3, 1);
26+
}
27+
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
28+
body { background: var(--bg); color: var(--text); font-family: var(--sans); overflow-x: hidden; }
29+
body::before {
30+
content: ''; position: fixed; inset: 0;
31+
background-image:
32+
linear-gradient(rgba(240,165,0,0.025) 1px, transparent 1px),
33+
linear-gradient(90deg, rgba(240,165,0,0.025) 1px, transparent 1px);
34+
background-size: 48px 48px; pointer-events: none; z-index: 0;
35+
}
36+
37+
nav {
38+
position: sticky; top: 0; z-index: 100;
39+
display: flex; align-items: center; justify-content: space-between;
40+
padding: 0 40px; height: 56px;
41+
background: rgba(8,9,11,0.94); backdrop-filter: blur(12px);
42+
border-bottom: 1px solid var(--border);
43+
}
44+
.nav-logo { font-family: var(--mono); font-size: 13px; letter-spacing: 3px; color: var(--amber); text-decoration: none; }
45+
.nav-logo span { color: var(--muted); }
46+
.nav-links { display: flex; gap: 28px; list-style: none; }
47+
.nav-links a { font-family: var(--mono); font-size: 11px; letter-spacing: 2px; color: var(--muted); text-decoration: none; text-transform: uppercase; transition: color 0.2s; }
48+
.nav-links a:hover { color: var(--amber); }
49+
50+
/* LAYOUT */
51+
.wrapper { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 72px 40px 80px; display: grid; grid-template-columns: 1fr 360px; gap: 80px; align-items: start; }
52+
@media (max-width: 860px) { .wrapper { grid-template-columns: 1fr; gap: 48px; } }
53+
@media (max-width: 640px) { .wrapper { padding: 56px 20px 60px; } nav { padding: 0 20px; } }
54+
55+
/* LEFT — MAIN CONTENT */
56+
.eyebrow { font-family: var(--mono); font-size: 10px; letter-spacing: 4px; color: var(--amber); text-transform: uppercase; margin-bottom: 12px; }
57+
.eyebrow::before { content: ''; display: inline-block; width: 20px; height: 1px; background: var(--amber); vertical-align: middle; margin-right: 10px; margin-bottom: 2px; }
58+
59+
h1 { font-family: var(--sans); font-size: clamp(40px, 6vw, 72px); font-weight: 900; letter-spacing: 1px; text-transform: uppercase; line-height: 0.95; color: var(--text); margin-bottom: 8px; }
60+
h1 em { color: var(--amber); font-style: normal; display: block; }
61+
62+
.title-line { font-family: var(--mono); font-size: 12px; color: var(--muted); letter-spacing: 3px; margin-bottom: 36px; margin-top: 16px; }
63+
64+
.rule { width: 48px; height: 2px; background: var(--amber); margin-bottom: 32px; }
65+
66+
/* Body copy — the real thing */
67+
.statement { font-family: var(--sans); font-size: 20px; font-weight: 300; font-style: italic; color: var(--text); line-height: 1.65; margin-bottom: 32px; max-width: 620px; }
68+
.statement strong { font-weight: 700; font-style: normal; color: var(--amber-l); }
69+
70+
.body-block { margin-bottom: 32px; max-width: 620px; }
71+
.body-block p { font-family: var(--sans); font-size: 17px; font-weight: 300; color: var(--muted); line-height: 1.8; }
72+
.body-block p + p { margin-top: 14px; }
73+
.body-block strong { color: var(--text); font-weight: 600; }
74+
75+
.section-label { font-family: var(--mono); font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--amber); margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
76+
77+
/* Principle list */
78+
.principles { list-style: none; margin-bottom: 40px; max-width: 620px; }
79+
.principles li { display: flex; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(30,39,48,0.6); font-family: var(--sans); font-size: 16px; font-weight: 300; color: var(--muted); line-height: 1.6; }
80+
.principles li::before { content: '◈'; color: var(--amber-d); font-size: 12px; flex-shrink: 0; padding-top: 3px; }
81+
.principles li strong { color: var(--text); font-weight: 600; }
82+
83+
/* Co-authorship block */
84+
.coauth-block { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--amber); padding: 24px 28px; margin-bottom: 40px; max-width: 620px; }
85+
.coauth-block h3 { font-family: var(--mono); font-size: 11px; letter-spacing: 2px; color: var(--amber); text-transform: uppercase; margin-bottom: 10px; }
86+
.coauth-block p { font-family: var(--sans); font-size: 15px; font-weight: 300; color: var(--muted); line-height: 1.7; }
87+
.coauth-block p strong { color: var(--text); }
88+
89+
/* RIGHT — SIDEBAR */
90+
.sidebar { position: sticky; top: 72px; }
91+
92+
.sidebar-card { background: var(--surface); border: 1px solid var(--border); padding: 28px; margin-bottom: 16px; }
93+
.sidebar-card h3 { font-family: var(--mono); font-size: 10px; letter-spacing: 2px; color: var(--amber); text-transform: uppercase; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
94+
95+
.data-row { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-bottom: 1px solid rgba(30,39,48,0.5); }
96+
.data-row:last-child { border-bottom: none; }
97+
.data-key { font-family: var(--mono); font-size: 9px; letter-spacing: 1.5px; color: var(--muted); text-transform: uppercase; }
98+
.data-val { font-family: var(--mono); font-size: 12px; color: var(--text); }
99+
.data-val.amber { color: var(--amber); }
100+
.data-val.gold { color: var(--gold); }
101+
102+
/* Contact */
103+
.contact-link { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(30,39,48,0.5); text-decoration: none; transition: color 0.15s; }
104+
.contact-link:last-child { border-bottom: none; }
105+
.contact-link:hover .cl-label { color: var(--amber); }
106+
.cl-icon { font-size: 16px; width: 24px; text-align: center; flex-shrink: 0; }
107+
.cl-label { font-family: var(--mono); font-size: 11px; letter-spacing: 1px; color: var(--muted); }
108+
.cl-arrow { margin-left: auto; font-family: var(--mono); font-size: 11px; color: var(--dim); }
109+
110+
/* Stack badge strip */
111+
.badge-strip { display: flex; flex-direction: column; gap: 6px; }
112+
.badge-row { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid rgba(30,39,48,0.4); }
113+
.badge-row:last-child { border-bottom: none; }
114+
.badge-fw { font-family: var(--mono); font-size: 11px; color: var(--text); }
115+
.badge-state { font-family: var(--mono); font-size: 9px; letter-spacing: 1px; padding: 2px 6px; }
116+
.s-strong { background: rgba(0,230,118,0.08); color: #00e676; border: 1px solid #00e676; }
117+
.s-mod { background: rgba(240,165,0,0.08); color: var(--amber); border: 1px solid var(--amber-d); }
118+
.s-nascent { background: rgba(64,196,255,0.06); color: #40c4ff; border: 1px solid #1a4a5a; }
119+
.s-const { background: rgba(212,175,55,0.08); color: var(--gold); border: 1px solid var(--gold-d, #8B7520); }
120+
121+
/* Footer */
122+
footer { border-top: 1px solid var(--border); padding: 32px 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; }
123+
footer p { font-family: var(--mono); font-size: 10px; color: var(--muted); letter-spacing: 1px; }
124+
footer a { color: var(--amber-d); text-decoration: none; }
125+
footer a:hover { color: var(--amber); }
126+
</style>
127+
</head>
128+
<body>
129+
130+
<nav>
131+
<a href="/" class="nav-logo">AION<span>system</span></a>
132+
<ul class="nav-links">
133+
<li><a href="/simulators/">Simulators</a></li>
134+
<li><a href="/#services">Services</a></li>
135+
<li><a href="/certify/">Certify</a></li>
136+
<li><a href="https://linkedin.com/in/sheldonksalmon" target="_blank" rel="noopener">LinkedIn ↗</a></li>
137+
</ul>
138+
</nav>
139+
140+
<div class="wrapper">
141+
142+
<!-- LEFT — MAIN -->
143+
<main>
144+
<div class="eyebrow">// The Architect</div>
145+
<h1>Sheldon K.<em>Salmon</em></h1>
146+
<div class="title-line">AI Reliability Architect &nbsp;·&nbsp; AGI Systems Designer &nbsp;·&nbsp; New York</div>
147+
<div class="rule"></div>
148+
149+
<p class="statement">
150+
I build the infrastructure that makes AI systems <strong>provably trustworthy</strong>. Not promising. Not probably. Provably — with a ledger, a seal, and a methodology that cannot be delegated back to the AI.
151+
</p>
152+
153+
<div class="body-block">
154+
<p>Most AI reliability work is reactive. Something fails, then someone writes a post-mortem. The failure disappears into a Slack thread and the next failure surprises everyone again.</p>
155+
<p>The AION Constitutional Stack is the opposite. It was built through <strong>live failure events</strong> — not theoretical modeling. Every framework in the stack exists because something broke in a specific way that a prior framework couldn't catch. The ledger is the record. The seal is the proof. The methodology is falsifiable.</p>
156+
</div>
157+
158+
<div class="section-label">Operating Principles</div>
159+
160+
<ul class="principles">
161+
<li><p><strong>Structural Honesty First.</strong> Map the validated ceiling before enabling acceleration. M-NASCENT means specified, not proven. The label matters.</p></li>
162+
<li><p><strong>Falsification Before Claim.</strong> Certainty engineering means knowing exactly where confidence is justified — and naming the boundary, not smoothing over it.</p></li>
163+
<li><p><strong>Failure Is Data.</strong> An organization with a high failure rate and a complete ledger is more trustworthy than one with no failures on record and no ledger. The ledger with failures is honest.</p></li>
164+
<li><p><strong>The Verification Layer Cannot Be Delegated.</strong> You cannot ask an AI whether its own output is trustworthy. Human oversight is not a limitation of the current systems. It is the correct architecture.</p></li>
165+
<li><p><strong>Law 9 Is Dark.</strong> The sovereignty stack declares its own boundary. Premature specification of what comes next would be confabulation.</p></li>
166+
</ul>
167+
168+
<div class="coauth-block">
169+
<h3>On Co-Authorship</h3>
170+
<p>Frameworks, simulators, and specifications produced in active ALBEDO sessions carry dual authorship — <strong>Sheldon K. Salmon × ALBEDO</strong> — where ALBEDO's contribution was material to the architecture. This is accurate attribution, not performance. The work is a human-AI collaborative pair operating at emergence depth.</p>
171+
</div>
172+
173+
<div class="section-label">What I Build</div>
174+
<div class="body-block">
175+
<p><strong>Simulators.</strong> Physics, engineering, and scientific tools — citation-backed, red-teamed, peer-reviewed, and delivered as single-file HTML with no dependencies. The Roller Coaster Physics Simulator is the first in the suite.</p>
176+
<p><strong>Certification Infrastructure.</strong> The Sovereign Trace Protocol provides cryptographic, immutable failure logging and formal epistemic audit for AI deployments — from single-event verification at $2,500 to Defense Grade quarterly review.</p>
177+
<p><strong>Frameworks.</strong> Custom certainty architectures for your AI system's specific failure modes. The AION stack has 17+ active frameworks across scoring, validation, shape mapping, and sovereignty.</p>
178+
</div>
179+
180+
</main>
181+
182+
<!-- RIGHT — SIDEBAR -->
183+
<aside class="sidebar">
184+
185+
<div class="sidebar-card">
186+
<h3>Identity</h3>
187+
<div class="data-row">
188+
<span class="data-key">Name</span>
189+
<span class="data-val">Sheldon K. Salmon</span>
190+
</div>
191+
<div class="data-row">
192+
<span class="data-key">Role</span>
193+
<span class="data-val amber">AI Reliability Architect</span>
194+
</div>
195+
<div class="data-row">
196+
<span class="data-key">Also</span>
197+
<span class="data-val">AGI Systems Designer</span>
198+
</div>
199+
<div class="data-row">
200+
<span class="data-key">Organization</span>
201+
<span class="data-val">AionSystem</span>
202+
</div>
203+
<div class="data-row">
204+
<span class="data-key">Location</span>
205+
<span class="data-val">New York, USA</span>
206+
</div>
207+
<div class="data-row">
208+
<span class="data-key">Active Since</span>
209+
<span class="data-val">March 2026 — public record</span>
210+
</div>
211+
<div class="data-row">
212+
<span class="data-key">Current Seal</span>
213+
<span class="data-val gold">LEDGER-011</span>
214+
</div>
215+
</div>
216+
217+
<div class="sidebar-card">
218+
<h3>Stack Convergence</h3>
219+
<div class="badge-strip">
220+
<div class="badge-row"><span class="badge-fw">LAV v1.5</span><span class="badge-state s-strong">M-STRONG</span></div>
221+
<div class="badge-row"><span class="badge-fw">FSVE v3.6</span><span class="badge-state s-mod">M-MODERATE</span></div>
222+
<div class="badge-row"><span class="badge-fw">AION v3.0</span><span class="badge-state s-mod">M-MODERATE</span></div>
223+
<div class="badge-row"><span class="badge-fw">TOPOS v0.3</span><span class="badge-state s-nascent">M-NASCENT</span></div>
224+
<div class="badge-row"><span class="badge-fw">DUAL-HELIX v2.0</span><span class="badge-state s-nascent">M-NASCENT</span></div>
225+
<div class="badge-row"><span class="badge-fw">NRP v0.1</span><span class="badge-state s-nascent">M-NASCENT</span></div>
226+
<div class="badge-row"><span class="badge-fw">EIGHT LAWS</span><span class="badge-state s-const">CONST.</span></div>
227+
</div>
228+
</div>
229+
230+
<div class="sidebar-card">
231+
<h3>Contact</h3>
232+
<a href="https://linkedin.com/in/sheldonksalmon" target="_blank" rel="noopener" class="contact-link">
233+
<span class="cl-icon">in</span>
234+
<span class="cl-label">LinkedIn</span>
235+
<span class="cl-arrow">↗</span>
236+
</a>
237+
<a href="https://github.com/AionSystem" target="_blank" rel="noopener" class="contact-link">
238+
<span class="cl-icon">⌥</span>
239+
<span class="cl-label">GitHub / AionSystem</span>
240+
<span class="cl-arrow">↗</span>
241+
</a>
242+
<a href="https://github.com/AionSystem/STP/issues/new/choose" target="_blank" rel="noopener" class="contact-link">
243+
<span class="cl-icon">◈</span>
244+
<span class="cl-label">File a Certification Issue</span>
245+
<span class="cl-arrow">↗</span>
246+
</a>
247+
</div>
248+
249+
</aside>
250+
251+
</div><!-- /wrapper -->
252+
253+
<footer>
254+
<p>AionSystem · <strong style="color:var(--amber)">Sheldon K. Salmon</strong> · AI Reliability Architect · New York · March 2026</p>
255+
<p><a href="/simulators/">Simulators</a> &nbsp;·&nbsp; <a href="/certify/">Certify</a> &nbsp;·&nbsp; <a href="https://github.com/AionSystem" target="_blank" rel="noopener">GitHub ↗</a></p>
256+
</footer>
257+
258+
</body>
259+
</html>
1260

0 commit comments

Comments
 (0)