Skip to content

Commit 40680e4

Browse files
AionSystemAionSystem
authored
Update index.html
1 parent f90cf79 commit 40680e4

1 file changed

Lines changed: 317 additions & 0 deletions

File tree

‎certify/index.html‎

Lines changed: 317 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,318 @@
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="AionSystem Certification Verification — Sovereign Trace Protocol. Verify AION badges. Understand what STP Certified, AION Verified Simulator, and STP Auditor badges mean.">
7+
<title>Certification Verification — AionSystem · Sovereign Trace Protocol</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+
--gold: #D4AF37;
19+
--gold-d: #8B7520;
20+
--blue: #40c4ff;
21+
--text: #c4d4de;
22+
--muted: #4e5f6a;
23+
--dim: #2a3540;
24+
--mono: 'Share Tech Mono', monospace;
25+
--sans: 'Barlow Condensed', sans-serif;
26+
--ease: cubic-bezier(0.16, 1, 0.3, 1);
27+
}
28+
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
29+
body { background:var(--bg); color:var(--text); font-family:var(--sans); overflow-x:hidden; }
30+
body::before {
31+
content:''; position:fixed; inset:0;
32+
background-image: 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-back { font-family:var(--mono); font-size:11px; letter-spacing:2px; color:var(--muted); text-decoration:none; text-transform:uppercase; transition:color 0.2s; }
47+
.nav-back:hover { color:var(--amber); }
48+
49+
.wrapper { position:relative; z-index:1; max-width:1100px; margin:0 auto; padding:64px 40px 80px; }
50+
51+
.page-eyebrow { font-family:var(--mono); font-size:11px; letter-spacing:4px; color:var(--gold); text-transform:uppercase; margin-bottom:12px; }
52+
.page-title { font-family:var(--sans); font-size:clamp(36px,6vw,68px); font-weight:900; letter-spacing:2px; text-transform:uppercase; line-height:0.95; color:var(--text); margin-bottom:20px; }
53+
.page-title em { color:var(--gold); font-style:normal; }
54+
.page-lead { font-family:var(--sans); font-size:18px; font-weight:300; font-style:italic; color:var(--muted); max-width:600px; line-height:1.6; margin-bottom:56px; border-left:2px solid var(--gold); padding-left:20px; }
55+
56+
/* BADGE TRIO */
57+
.badge-trio { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-bottom:56px; }
58+
@media(max-width:780px){ .badge-trio { grid-template-columns:1fr; } }
59+
60+
.badge-card { background:var(--surface); padding:36px 28px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; position:relative; overflow:hidden; }
61+
62+
.badge-card::before {
63+
content:''; position:absolute; top:0; left:0; right:0; height:2px;
64+
}
65+
.badge-card.stp-card::before { background:var(--amber); }
66+
.badge-card.sim-card::before { background:var(--gold); }
67+
.badge-card.aud-card::before { background:var(--blue); }
68+
69+
.badge-card svg { margin-bottom:20px; }
70+
71+
.badge-card-name { font-family:var(--sans); font-size:16px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:8px; }
72+
.stp-card .badge-card-name { color:var(--amber); }
73+
.sim-card .badge-card-name { color:var(--gold); }
74+
.aud-card .badge-card-name { color:var(--blue); }
75+
76+
.badge-card-sub { font-family:var(--mono); font-size:10px; letter-spacing:1px; color:var(--muted); margin-bottom:16px; }
77+
78+
.badge-card-desc { font-family:var(--sans); font-size:14px; font-weight:300; color:var(--muted); line-height:1.7; }
79+
80+
.badge-divider { width:32px; height:1px; margin:16px auto; }
81+
.stp-card .badge-divider { background:var(--amber-d); }
82+
.sim-card .badge-divider { background:var(--gold-d); }
83+
.aud-card .badge-divider { background:var(--blue); opacity:0.4; }
84+
85+
.badge-card-issued { font-family:var(--mono); font-size:10px; color:var(--dim); letter-spacing:1px; line-height:1.8; }
86+
.stp-card .badge-card-issued strong { color:var(--amber-d); }
87+
.sim-card .badge-card-issued strong { color:var(--gold-d); }
88+
.aud-card .badge-card-issued strong { color:var(--blue); opacity:0.7; }
89+
90+
/* VERIFICATION SECTION */
91+
.verify-section { margin-bottom:56px; }
92+
.section-label { font-family:var(--mono); font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-bottom:24px; display:flex; align-items:center; gap:12px; }
93+
.section-label::after { content:''; flex:1; height:1px; background:var(--border); }
94+
95+
.verify-how { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
96+
@media(max-width:680px) { .verify-how { grid-template-columns:1fr; } }
97+
98+
.verify-card { background:var(--surface); border:1px solid var(--border); padding:28px; }
99+
.verify-card h3 { font-family:var(--sans); font-size:18px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--text); margin-bottom:12px; }
100+
.verify-card p { font-family:var(--mono); font-size:11px; color:var(--muted); line-height:1.9; }
101+
.verify-card a { color:var(--amber); text-decoration:none; border-bottom:1px solid transparent; transition:border-color 0.15s; }
102+
.verify-card a:hover { border-bottom-color:var(--amber); }
103+
104+
/* WHAT CERT IS NOT */
105+
.cert-philosophy { background:var(--panel); border:1px solid var(--border); border-left:3px solid var(--gold); padding:32px 36px; margin-bottom:56px; }
106+
.cert-philosophy h2 { font-family:var(--sans); font-size:22px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:16px; }
107+
.cert-philosophy p { font-family:var(--sans); font-size:16px; font-weight:300; color:var(--muted); line-height:1.8; max-width:700px; }
108+
.cert-philosophy p + p { margin-top:12px; }
109+
.cert-philosophy strong { color:var(--text); font-weight:600; }
110+
111+
/* TIERS */
112+
.tiers-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-bottom:40px; }
113+
@media(max-width:900px) { .tiers-grid { grid-template-columns:repeat(2,1fr); } }
114+
@media(max-width:480px) { .tiers-grid { grid-template-columns:1fr; } }
115+
116+
.tier-card { background:var(--surface); padding:24px 20px; }
117+
.tier-num { font-family:var(--mono); font-size:9px; letter-spacing:2px; color:var(--muted); text-transform:uppercase; margin-bottom:10px; }
118+
.tier-name { font-family:var(--sans); font-size:15px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--amber); margin-bottom:6px; }
119+
.tier-price { font-family:var(--mono); font-size:18px; color:var(--text); margin-bottom:10px; }
120+
.tier-desc { font-family:var(--mono); font-size:10px; color:var(--muted); line-height:1.8; }
121+
122+
/* CTA */
123+
.cta-block { text-align:center; padding:40px; background:var(--surface); border:1px solid var(--border); }
124+
.cta-block h3 { font-family:var(--sans); font-size:24px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--text); margin-bottom:8px; }
125+
.cta-block p { font-family:var(--mono); font-size:11px; color:var(--muted); margin-bottom:24px; }
126+
.cta-btn { display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; letter-spacing:2px; text-transform:uppercase; text-decoration:none; padding:12px 28px; border:1px solid var(--amber); color:#000; background:var(--amber); transition:background 0.2s; }
127+
.cta-btn:hover { background:var(--amber-l); }
128+
.cta-btn-outline { background:transparent; color:var(--amber); margin-left:12px; }
129+
.cta-btn-outline:hover { background:rgba(240,165,0,0.08); }
130+
131+
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; }
132+
footer p { font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:1px; }
133+
footer a { color:var(--amber-d); text-decoration:none; }
134+
footer a:hover { color:var(--amber); }
135+
@media(max-width:640px){ .wrapper { padding:48px 20px 60px; } nav { padding:0 20px; } footer { padding:24px 20px; } }
136+
</style>
137+
</head>
138+
<body>
139+
140+
<nav>
141+
<a href="/" class="nav-logo">AION<span>system</span></a>
142+
<a href="/" class="nav-back">← Back to Home</a>
143+
</nav>
144+
145+
<div class="wrapper">
146+
147+
<div class="page-eyebrow">// Sovereign Trace Protocol · Certification Registry</div>
148+
<h1 class="page-title">Verify a<br><em>Certification</em></h1>
149+
<p class="page-lead">A badge is only as meaningful as what's behind it. Here's exactly what each AION badge means, who issued it, and how to verify it hasn't been misrepresented.</p>
150+
151+
<!-- THREE BADGES -->
152+
<div class="section-label">The three badge types</div>
153+
<div class="badge-trio">
154+
155+
<!-- STP CERTIFIED -->
156+
<div class="badge-card stp-card">
157+
<!-- Amber STP badge (simplified inline) -->
158+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="90" height="90">
159+
<defs>
160+
<linearGradient id="bv1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ffc947"/><stop offset="50%" stop-color="#f0a500"/><stop offset="100%" stop-color="#b07800"/></linearGradient>
161+
</defs>
162+
<polygon points="200,30 370,110 370,290 200,370 30,290 30,110" fill="#0f1015" stroke="url(#bv1)" stroke-width="4"/>
163+
<polygon points="200,55 345,123 345,277 200,345 55,277 55,123" fill="none" stroke="url(#bv1)" stroke-width="1.5" stroke-opacity="0.5"/>
164+
<circle cx="200" cy="200" r="90" fill="none" stroke="url(#bv1)" stroke-width="2"/>
165+
<text x="200" y="188" font-family="'Barlow Condensed',sans-serif" font-size="28" font-weight="900" fill="#f0a500" text-anchor="middle" letter-spacing="2">STP</text>
166+
<text x="200" y="218" font-family="'Courier New',monospace" font-size="12" fill="#b07800" text-anchor="middle" letter-spacing="2">CERTIFIED</text>
167+
</svg>
168+
<div class="badge-card-name">STP Certified</div>
169+
<div class="badge-card-sub">Sovereign Trace Protocol · FROZEN-2.0</div>
170+
<div class="badge-divider"></div>
171+
<div class="badge-card-desc">Issued to <strong>organizations</strong> whose AI deployment infrastructure has been formally audited and verified against the FROZEN-2.0 standard. Immutable failure capture, transparent remediation, honest epistemic record.</div>
172+
<div class="badge-divider"></div>
173+
<div class="badge-card-issued">
174+
<strong>Issued to:</strong> Organizations<br>
175+
<strong>Palette:</strong> Amber &amp; Black<br>
176+
<strong>Shape:</strong> Hexagonal shield<br>
177+
<strong>Tiers:</strong> Basic · Enterprise · Strategic · Defense
178+
</div>
179+
</div>
180+
181+
<!-- AION VERIFIED SIMULATOR -->
182+
<div class="badge-card sim-card">
183+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="90" height="90">
184+
<defs>
185+
<linearGradient id="bv2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#F5E070"/><stop offset="50%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#8B7520"/></linearGradient>
186+
<linearGradient id="bw2" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#8B7520" stop-opacity="0.3"/><stop offset="50%" stop-color="#F5E070"/><stop offset="100%" stop-color="#8B7520" stop-opacity="0.3"/></linearGradient>
187+
</defs>
188+
<polygon points="368,270 270,368 130,368 32,270 32,130 130,32 270,32 368,130" fill="#0f0d09" stroke="url(#bv2)" stroke-width="4"/>
189+
<circle cx="200" cy="200" r="150" fill="none" stroke="url(#bv2)" stroke-width="2.5"/>
190+
<circle cx="200" cy="200" r="132" fill="#0c0a08"/>
191+
<circle cx="200" cy="200" r="132" fill="none" stroke="url(#bv2)" stroke-width="1.5"/>
192+
<path d="M 95,200 C 107,168 119,168 131,200 S 155,232 167,200 C 179,168 191,168 203,200 S 227,232 239,200 C 251,168 263,168 275,200 S 299,232 305,200" fill="none" stroke="url(#bw2)" stroke-width="3" stroke-linecap="round"/>
193+
</svg>
194+
<div class="badge-card-name">AION Verified Simulator</div>
195+
<div class="badge-card-sub">Simulation Certification · v1.0</div>
196+
<div class="badge-divider"></div>
197+
<div class="badge-card-desc">Issued to <strong>tools and simulations</strong> built under AION methodology. The physics was verified against cited sources, the code was red-teamed, and the output peer-reviewed. Every issue found is documented in the Red Team tab.</div>
198+
<div class="badge-divider"></div>
199+
<div class="badge-card-issued">
200+
<strong>Issued to:</strong> Simulation tools<br>
201+
<strong>Palette:</strong> Black &amp; Gold<br>
202+
<strong>Shape:</strong> Octagonal precision seal<br>
203+
<strong>Motif:</strong> Sine wave — simulation universal
204+
</div>
205+
</div>
206+
207+
<!-- STP AUDITOR -->
208+
<div class="badge-card aud-card">
209+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="90" height="90">
210+
<defs>
211+
<linearGradient id="bv3" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#80d8ff"/><stop offset="50%" stop-color="#40c4ff"/><stop offset="100%" stop-color="#0077aa"/></linearGradient>
212+
</defs>
213+
<polygon points="200,30 370,110 370,290 200,370 30,290 30,110" fill="#08101a" stroke="url(#bv3)" stroke-width="4"/>
214+
<polygon points="200,55 345,123 345,277 200,345 55,277 55,123" fill="none" stroke="url(#bv3)" stroke-width="1.5" stroke-opacity="0.4"/>
215+
<circle cx="200" cy="200" r="90" fill="none" stroke="url(#bv3)" stroke-width="2"/>
216+
<text x="200" y="185" font-family="'Barlow Condensed',sans-serif" font-size="22" font-weight="900" fill="#40c4ff" text-anchor="middle" letter-spacing="2">STP</text>
217+
<text x="200" y="210" font-family="'Courier New',monospace" font-size="10" fill="#0077aa" text-anchor="middle" letter-spacing="1">CERTIFIED</text>
218+
<text x="200" y="228" font-family="'Courier New',monospace" font-size="10" fill="#0077aa" text-anchor="middle" letter-spacing="1">AUDITOR</text>
219+
</svg>
220+
<div class="badge-card-name">STP Certified Auditor</div>
221+
<div class="badge-card-sub">Independent Auditor Credential</div>
222+
<div class="badge-divider"></div>
223+
<div class="badge-card-desc">Issued to <strong>individuals</strong> authorized to conduct and file audit completions to the AION ledger under their own badge number. SHA-256 sealed at issuance. Non-transferable. Annual cap: 50 sealed audits.</div>
224+
<div class="badge-divider"></div>
225+
<div class="badge-card-issued">
226+
<strong>Issued to:</strong> Individual auditors<br>
227+
<strong>Palette:</strong> Cyan &amp; Dark<br>
228+
<strong>Shape:</strong> Hexagonal shield variant<br>
229+
<strong>Term:</strong> 1 year · renewable by reapplication
230+
</div>
231+
</div>
232+
233+
</div>
234+
235+
<!-- HOW TO VERIFY -->
236+
<div class="verify-section">
237+
<div class="section-label">How to verify a badge</div>
238+
<div class="verify-how">
239+
<div class="verify-card">
240+
<h3>For Simulator Badges</h3>
241+
<p>
242+
Every AION Verified Simulator badge is linked to a specific tool. To verify:<br><br>
243+
1. The badge should link to this page or to the CERTIFICATION.md file.<br>
244+
2. The simulator should contain a Red Team tab documenting all issues found and resolved.<br>
245+
3. The footer should name the source reference, red team pass count, and issue count.<br><br>
246+
If any of these are missing, the badge has not been legitimately issued.<br><br>
247+
<a href="/simulators/roller-coaster/" target="_blank">View live example: Roller Coaster Simulator →</a>
248+
</p>
249+
</div>
250+
<div class="verify-card">
251+
<h3>For STP Certification Badges</h3>
252+
<p>
253+
STP Certified badges are issued through the Sovereign Trace Protocol ledger on GitHub. To verify:<br><br>
254+
1. Request the organization's Certification Report — it contains a ledger entry ID.<br>
255+
2. Look up that entry ID in the <a href="https://github.com/AionSystem/STP" target="_blank" rel="noopener">AionSystem/STP public ledger ↗</a>.<br>
256+
3. Confirm the entry is signed by Sheldon K. Salmon with a triple-time seal.<br><br>
257+
A badge with no corresponding ledger entry is not valid. The AION Registry is the source of truth, not the badge itself.<br><br>
258+
<a href="https://github.com/AionSystem/STP/blob/main/CERTIFICATION.md" target="_blank" rel="noopener">Full certification methodology ↗</a>
259+
</p>
260+
</div>
261+
</div>
262+
</div>
263+
264+
<!-- PHILOSOPHY -->
265+
<div class="cert-philosophy">
266+
<h2>What Certification Is Not</h2>
267+
<p>Certification is not a guarantee that AI systems will not fail. They will.</p>
268+
<p>Certification is verification that the organization has built infrastructure that <strong>captures failures immutably</strong>, <strong>remediates them transparently</strong>, and <strong>maintains an honest epistemic record</strong>.</p>
269+
<p>An organization with a certified deployment and a high failure rate is more trustworthy than an organization with no failures on record and no ledger. <strong>The ledger with failures is honest. The ledger with no failures may simply have no ledger.</strong></p>
270+
</div>
271+
272+
<!-- TIERS -->
273+
<div class="section-label">STP Certification tiers</div>
274+
<div class="tiers-grid">
275+
<div class="tier-card">
276+
<div class="tier-num">Tier 1</div>
277+
<div class="tier-name">Basic Verification</div>
278+
<div class="tier-price">$2,500</div>
279+
<div class="tier-desc">Single failure event verification. 5–7 business days. Automated intake — 24/7.</div>
280+
</div>
281+
<div class="tier-card">
282+
<div class="tier-num">Tier 2</div>
283+
<div class="tier-name">Enterprise</div>
284+
<div class="tier-price">$25,000/yr</div>
285+
<div class="tier-desc">Full implementation audit. 30-day window. Annual badge license. AION Registry listing.</div>
286+
</div>
287+
<div class="tier-card">
288+
<div class="tier-num">Tier 3</div>
289+
<div class="tier-name">Strategic Retainer</div>
290+
<div class="tier-price">$100,000+/yr</div>
291+
<div class="tier-desc">Quarterly reviews. Private filing window. Epistemic Debt Statement. C-Suite engagement.</div>
292+
</div>
293+
<div class="tier-card">
294+
<div class="tier-num">Tier 4</div>
295+
<div class="tier-name">Defense Grade</div>
296+
<div class="tier-price">Negotiated</div>
297+
<div class="tier-desc">NIST AI RMF · CMMC 2.0 · EU AI Act · FAR/DFARS · Monthly reviews. DoD/Federal.</div>
298+
</div>
299+
</div>
300+
301+
<!-- CTA -->
302+
<div class="cta-block">
303+
<h3>Engage Certification</h3>
304+
<p>File a certification issue on GitHub. Automated intake — no call required for Tier 1 and Tier 2.</p>
305+
<a href="https://github.com/AionSystem/STP/issues/new/choose" target="_blank" rel="noopener" class="cta-btn">File a Certification Issue ↗</a>
306+
<a href="https://github.com/AionSystem/STP/blob/main/CERTIFICATION.md" target="_blank" rel="noopener" class="cta-btn cta-btn-outline">Read Full Methodology</a>
307+
</div>
308+
309+
</div>
310+
311+
<footer>
312+
<p>AionSystem · <a href="/">Sheldon K. Salmon</a> · AI Reliability Architect · New York · March 2026</p>
313+
<p><a href="/simulators/">Simulators</a> &nbsp;·&nbsp; <a href="https://github.com/AionSystem" target="_blank" rel="noopener">GitHub ↗</a> &nbsp;·&nbsp; <a href="https://linkedin.com/in/sheldonksalmon" target="_blank" rel="noopener">LinkedIn ↗</a></p>
314+
</footer>
315+
316+
</body>
317+
</html>
1318

0 commit comments

Comments
 (0)