Skip to content

Commit 819e13b

Browse files
authored
Update index.html
1 parent 3e4b117 commit 819e13b

1 file changed

Lines changed: 298 additions & 0 deletions

File tree

submissions/index.html

Lines changed: 298 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,299 @@
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="Grant submissions by Sheldon K. Salmon — AXIOM, VERITAS, PILLING-SIM, PROJECT ORION, and Textile Pilling Simulator.">
7+
<meta property="og:title" content="AionSystem — Grant Submissions">
8+
<meta property="og:description" content="Four grants in one week. One methodology. Zero politics.">
9+
<meta property="og:type" content="website">
10+
<title>AionSystem — Submissions | Sheldon K. Salmon</title>
11+
<link rel="preconnect" href="https://fonts.googleapis.com">
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13+
<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&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet">
14+
<style>
15+
* { margin: 0; padding: 0; box-sizing: border-box; }
16+
:root {
17+
--bg:#08090b;
18+
--bg-deep:#030405;
19+
--surface:#0e1117;
20+
--panel:#141920;
21+
--border:#1e2730;
22+
--amber:#f0a500;
23+
--amber-d:#b07800;
24+
--amber-l:#ffc947;
25+
--gold:#D4AF37;
26+
--text:#c4d4de;
27+
--muted:#4e5f6a;
28+
--dim:#2a3540;
29+
--red:#ff4d4d;
30+
--cyan:#00d4ff;
31+
--edu:#4ade80;
32+
--quantum:#ce93d8;
33+
--mono:'Share Tech Mono',monospace;
34+
--sans:'Barlow Condensed',sans-serif;
35+
--serif:'Crimson Pro',Georgia,serif;
36+
--jmono:'JetBrains Mono',monospace;
37+
--ease:cubic-bezier(0.16,1,0.3,1);
38+
--font-size-base: clamp(16px, 1vw + 8px, 20px);
39+
--font-size-h1: clamp(48px, 8vw + 16px, 96px);
40+
--font-size-h2: clamp(28px, 4vw + 8px, 44px);
41+
--mouse-x: 50%;
42+
--mouse-y: 50%;
43+
}
44+
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--font-size-base);line-height:1.5;overflow-x:hidden;cursor:none;}
45+
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(240,165,0,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(240,165,0,0.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;}
46+
body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px);pointer-events:none;z-index:0;}
47+
.custom-cursor{width:20px;height:20px;border:2px solid var(--amber);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform 0.1s ease,background 0.2s ease;transform:translate(-50%,-50%);}
48+
.custom-cursor.hover{transform:translate(-50%,-50%) scale(1.5);background:rgba(240,165,0,0.1);border-color:var(--gold);}
49+
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:56px;background:rgba(8,9,11,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
50+
.nav-logo{font-family:var(--mono);font-size:13px;letter-spacing:3px;color:var(--amber);text-transform:uppercase;text-decoration:none;}
51+
.nav-logo span{color:var(--muted);}
52+
.nav-logo-wrap{display:flex;align-items:center;gap:10px;}
53+
.nav-logo-img{width:28px;height:28px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 4px rgba(212,174,60,0.3));}
54+
.nav-links{display:flex;gap:32px;list-style:none;}
55+
.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--text);text-decoration:none;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:2px;}
56+
.nav-links a:hover{color:var(--amber);border-bottom-color:var(--amber);}
57+
.nav-links a.active{color:var(--amber);border-bottom-color:var(--amber);}
58+
.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;background:none;border:none;padding:0;z-index:110;}
59+
.nav-hamburger span{display:block;width:100%;height:2px;background:var(--amber);border-radius:1px;transition:transform 0.25s ease,opacity 0.25s ease;}
60+
.nav-hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
61+
.nav-hamburger.open span:nth-child(2){opacity:0;}
62+
.nav-hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
63+
.mobile-nav{display:none;position:fixed;top:56px;left:0;right:0;z-index:99;background:rgba(8,9,11,0.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);flex-direction:column;padding:8px 0;}
64+
.mobile-nav.open{display:flex;}
65+
.mobile-nav a{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--text);text-decoration:none;text-transform:uppercase;padding:14px 28px;border-bottom:1px solid var(--border);transition:color 0.15s ease,background 0.15s ease;display:flex;align-items:center;gap:10px;}
66+
.mobile-nav a:last-child{border-bottom:none;}
67+
.mobile-nav a:hover{color:var(--amber);background:rgba(240,165,0,0.04);}
68+
.mobile-nav a::before{content:'—';color:var(--amber);font-size:10px;opacity:0.6;}
69+
.hero{position:relative;z-index:1;min-height:40vh;display:flex;flex-direction:column;justify-content:center;padding:80px 40px 40px;max-width:1200px;margin:0 auto;}
70+
.hero-name{font-family:var(--sans);font-size:var(--font-size-h1);font-weight:900;letter-spacing:-1px;line-height:0.92;color:var(--text);text-transform:uppercase;margin-bottom:16px;}
71+
.hero-name em{display:block;color:var(--amber);font-style:normal;font-size:0.8em;}
72+
.hero-title{font-family:var(--mono);font-size:clamp(13px,1.6vw,17px);color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;}
73+
.hero-divider{width:64px;height:2px;background:var(--amber);margin:24px 0;}
74+
section{position:relative;z-index:1;padding:40px 40px 80px;max-width:1200px;margin:0 auto;}
75+
.section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;}
76+
.section-num{font-family:var(--mono);font-size:11px;color:var(--amber);letter-spacing:2px;}
77+
.section-title{font-family:var(--sans);font-size:var(--font-size-h2);font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--text);}
78+
.section-line{flex:1;height:1px;background:var(--border);}
79+
.submissions-grid{display:flex;flex-direction:column;gap:16px;}
80+
.submission-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 32px;transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
81+
.submission-card:hover{border-color:var(--amber);transform:translateX(4px);background:var(--panel);}
82+
.submission-info{flex:2;}
83+
.submission-title{font-family:var(--sans);font-size:22px;font-weight:700;letter-spacing:1px;color:var(--amber);margin-bottom:8px;text-transform:uppercase;}
84+
.submission-meta{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;}
85+
.submission-meta span{display:inline-flex;align-items:center;gap:6px;}
86+
.submission-desc{font-family:var(--sans);font-size:14px;color:var(--text);line-height:1.5;max-width:600px;}
87+
.submission-status{text-align:right;min-width:140px;}
88+
.status-badge{font-family:var(--mono);font-size:10px;letter-spacing:2px;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:8px;}
89+
.status-submitted{background:rgba(74,222,128,0.15);color:var(--edu);border:1px solid rgba(74,222,128,0.3);}
90+
.status-evaluation{background:rgba(240,165,0,0.15);color:var(--amber);border:1px solid rgba(240,165,0,0.3);}
91+
.submission-date{font-family:var(--mono);font-size:10px;color:var(--muted);}
92+
.stats-bar{margin-top:40px;padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
93+
.stat{text-align:center;flex:1;}
94+
.stat-number{font-family:var(--jmono);font-size:36px;font-weight:700;color:var(--amber);}
95+
.stat-label{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;}
96+
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:40px;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
97+
.footer-id{font-family:var(--mono);font-size:11px;color:var(--muted);}
98+
.footer-id strong{color:var(--amber);}
99+
.footer-links{display:flex;gap:24px;list-style:none;flex-wrap:wrap;}
100+
.footer-links a{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--muted);text-decoration:none;text-transform:uppercase;}
101+
.footer-links a:hover{color:var(--amber);}
102+
@media(max-width:800px){
103+
.submission-card{flex-direction:column;align-items:flex-start;}
104+
.submission-status{text-align:left;}
105+
nav{padding:0 20px;}
106+
.nav-links{display:none;}
107+
.nav-hamburger{display:flex;}
108+
.hero{padding:80px 20px 40px;}
109+
section{padding:40px 20px;}
110+
footer{padding:32px 20px;flex-direction:column;text-align:center;}
111+
.stats-bar{flex-direction:column;gap:16px;}
112+
}
113+
</style>
114+
</head>
115+
<body>
116+
<div class="custom-cursor" id="custom-cursor"></div>
1117

118+
<nav>
119+
<a href="/" class="nav-logo nav-logo-wrap">
120+
<img src="/assets/aion-logo.jpg" alt="AionSystem" class="nav-logo-img">
121+
<span>AION<span>system</span></span>
122+
</a>
123+
<ul class="nav-links">
124+
<li><a href="/simulators/">Simulators</a></li>
125+
<li><a href="/services/">Services</a></li>
126+
<li><a href="/stack/">Stack</a></li>
127+
<li><a href="/ksc/">KSC ◈</a></li>
128+
<li><a href="/certify/">Certify</a></li>
129+
<li><a href="/submissions/" class="active">Submissions</a></li>
130+
<li><a href="/about/">About</a></li>
131+
<li><a href="https://www.linkedin.com/in/sheldon-k-salmon-b0901b378" target="_blank">LinkedIn ↗</a></li>
132+
</ul>
133+
<button class="nav-hamburger" id="nav-hamburger" onclick="toggleMobileNav()" aria-label="Menu">
134+
<span></span><span></span><span></span>
135+
</button>
136+
</nav>
137+
<div class="mobile-nav" id="mobile-nav">
138+
<a href="/simulators/">Simulators</a>
139+
<a href="/services/">Services</a>
140+
<a href="/stack/">Stack</a>
141+
<a href="/ksc/">KSC — Civilization Scale</a>
142+
<a href="/certify/">Certify</a>
143+
<a href="/submissions/">Submissions</a>
144+
<a href="/about/">About</a>
145+
<a href="https://www.linkedin.com/in/sheldon-k-salmon-b0901b378" target="_blank">LinkedIn ↗</a>
146+
</div>
147+
148+
<div class="hero">
149+
<h1 class="hero-name">Grant<em>Submissions</em></h1>
150+
<p class="hero-title">Four grants in one week · One methodology · Zero politics</p>
151+
<div class="hero-divider"></div>
152+
</div>
153+
154+
<section>
155+
<div class="section-header">
156+
<span class="section-num">// 01</span>
157+
<h2 class="section-title">Active Submissions</h2>
158+
<div class="section-line"></div>
159+
</div>
160+
161+
<div class="submissions-grid">
162+
<!-- AXIOM - NICE Challenge -->
163+
<div class="submission-card">
164+
<div class="submission-info">
165+
<div class="submission-title">AXIOM — AI Certainty Middleware</div>
166+
<div class="submission-meta">
167+
<span>📋 NICE Challenge 2026</span>
168+
<span>🏷️ AI & Communications</span>
169+
<span>🔬 TRL 6</span>
170+
<span>📍 Yangtze Delta</span>
171+
</div>
172+
<div class="submission-desc">AI reliability infrastructure for industrial decision systems. CDI scoring + Uncertainty Mass + immutable STP audit trail.</div>
173+
</div>
174+
<div class="submission-status">
175+
<div class="status-badge status-submitted">✅ SUBMITTED</div>
176+
<div class="submission-date">03/04/2026</div>
177+
</div>
178+
</div>
179+
180+
<!-- PILLING-SIM - NICE Challenge -->
181+
<div class="submission-card">
182+
<div class="submission-info">
183+
<div class="submission-title">PILLING-SIM — Textile Pilling Prediction</div>
184+
<div class="submission-meta">
185+
<span>📋 NICE Challenge 2026</span>
186+
<span>🏷️ Advanced Materials</span>
187+
<span>🔬 TRL 6</span>
188+
<span>📍 Yangtze Delta</span>
189+
</div>
190+
<div class="submission-desc">Data-driven, explainable pilling prediction for woven fabrics. PSS scoring + relative influence + ISO 12945-2:2000 compliance.</div>
191+
</div>
192+
<div class="submission-status">
193+
<div class="status-badge status-submitted">✅ SUBMITTED</div>
194+
<div class="submission-date">03/04/2026</div>
195+
</div>
196+
</div>
197+
198+
<!-- VERITAS - UNDP -->
199+
<div class="submission-card">
200+
<div class="submission-info">
201+
<div class="submission-title">VERITAS — Damage Certification Platform</div>
202+
<div class="submission-meta">
203+
<span>📋 UNDP Accelerator Lab Prize</span>
204+
<span>🏷️ Crisis Response</span>
205+
<span>🔬 CERTUS Engine</span>
206+
</div>
207+
<div class="submission-desc">Community-operated certainty engine for crisis damage reporting. DCI scoring + offline-first + STP integrity seals.</div>
208+
</div>
209+
<div class="submission-status">
210+
<div class="status-badge status-submitted">✅ SUBMITTED</div>
211+
<div class="submission-date">02/04/2026</div>
212+
</div>
213+
</div>
214+
215+
<!-- PROJECT ORION - UNDP -->
216+
<div class="submission-card">
217+
<div class="submission-info">
218+
<div class="submission-title">PROJECT ORION — UXO Detection System</div>
219+
<div class="submission-meta">
220+
<span>📋 UNDP Innocentive</span>
221+
<span>🏷️ Field Ops / EOD</span>
222+
<span>🔬 Passive Tri-Axis Gradiometer</span>
223+
</div>
224+
<div class="submission-desc">Passive tri-axis magnetometer gradiometer for underwater unexploded ordnance detection. MLS engine. Field-tested.</div>
225+
</div>
226+
<div class="submission-status">
227+
<div class="status-badge status-evaluation">⏳ UNDER EVALUATION</div>
228+
<div class="submission-date">17/02/2026 · 1st Stage</div>
229+
</div>
230+
</div>
231+
232+
<!-- Textile Pilling Simulator - InoCrowd -->
233+
<div class="submission-card">
234+
<div class="submission-info">
235+
<div class="submission-title">Textile Pilling Simulator</div>
236+
<div class="submission-meta">
237+
<span>📋 InoCrowd Challenge</span>
238+
<span>🏷️ Textile Engineering</span>
239+
<span>🔬 Live Web Tool</span>
240+
</div>
241+
<div class="submission-desc">Live simulator for woven fabric pilling prediction. 16+ parameters, ISO 12945-2:2000 compliant. Open source.</div>
242+
</div>
243+
<div class="submission-status">
244+
<div class="status-badge status-submitted">✅ SUBMITTED</div>
245+
<div class="submission-date">03/04/2026</div>
246+
</div>
247+
</div>
248+
</div>
249+
250+
<!-- Stats Bar -->
251+
<div class="stats-bar">
252+
<div class="stat"><div class="stat-number">5</div><div class="stat-label">Total Submissions</div></div>
253+
<div class="stat"><div class="stat-number">4</div><div class="stat-label">Domains</div></div>
254+
<div class="stat"><div class="stat-number">1</div><div class="stat-label">Week</div></div>
255+
<div class="stat"><div class="stat-number">60+</div><div class="stat-label">Frameworks</div></div>
256+
<div class="stat"><div class="stat-number">4,000+</div><div class="stat-label">Commits (6 weeks)</div></div>
257+
</div>
258+
</section>
259+
260+
<footer>
261+
<div class="footer-id">
262+
<strong>AionSystem</strong> · Sheldon K. Salmon<br>
263+
AI Reliability Architect · Evans Mills, New York · April 2026
264+
</div>
265+
<ul class="footer-links">
266+
<li><a href="/simulators/">Simulators</a></li>
267+
<li><a href="/services/">Services</a></li>
268+
<li><a href="/stack/">Stack</a></li>
269+
<li><a href="/ksc/">KSC</a></li>
270+
<li><a href="/submissions/">Submissions</a></li>
271+
<li><a href="/certify/">Certify</a></li>
272+
<li><a href="https://github.com/AionSystem" target="_blank">GitHub ↗</a></li>
273+
</ul>
274+
</footer>
275+
276+
<script>
277+
(function(){
278+
const cursor=document.getElementById('custom-cursor');
279+
if(cursor){
280+
document.addEventListener('mousemove',(e)=>{cursor.style.left=e.clientX+'px';cursor.style.top=e.clientY+'px';});
281+
document.querySelectorAll('a,button,.submission-card').forEach(el=>{
282+
el.addEventListener('mouseenter',()=>cursor.classList.add('hover'));
283+
el.addEventListener('mouseleave',()=>cursor.classList.remove('hover'));
284+
});
285+
}
286+
})();
287+
function toggleMobileNav(){
288+
const btn=document.getElementById('nav-hamburger'),menu=document.getElementById('mobile-nav');
289+
btn.classList.toggle('open');menu.classList.toggle('open');
290+
}
291+
document.querySelectorAll('.mobile-nav a').forEach(a=>{
292+
a.addEventListener('click',()=>{
293+
document.getElementById('nav-hamburger').classList.remove('open');
294+
document.getElementById('mobile-nav').classList.remove('open');
295+
});
296+
});
297+
</script>
298+
</body>
299+
</html>

0 commit comments

Comments
 (0)