feat(native-el-ui): convert all component files to el-html vessel API
Dev — Build & local smoke test / build-smoke (pull_request) Failing after 4m48s
Dev — Build & local smoke test / build-smoke (pull_request) Failing after 4m48s
Replaced raw HTML heredoc returns with native el_ function calls across all 21 component files. styles.el intentionally excluded.
This commit is contained in:
+116
-77
@@ -1,91 +1,130 @@
|
||||
// components/mission.el - Origin story + manifesto + problems grid.
|
||||
|
||||
extern fn el_section(attrs: String, children: String) -> String
|
||||
extern fn el_div(attrs: String, children: String) -> String
|
||||
extern fn el_span(attrs: String, children: String) -> String
|
||||
extern fn el_h2(attrs: String, text: String) -> String
|
||||
extern fn el_p(attrs: String, children: String) -> String
|
||||
extern fn el_strong(children: String) -> String
|
||||
extern fn el_a(href: String, attrs: String, children: String) -> String
|
||||
|
||||
fn mission() -> String {
|
||||
return <section id="mission" aria-label="Mission">
|
||||
<div class="container">
|
||||
let label_row: String = el_div(
|
||||
"class=\"mission-label-row reveal\"",
|
||||
el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
|
||||
el_span("class=\"label\"", "The mission") +
|
||||
el_div("style=\"height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35));flex-shrink:0\"", "")
|
||||
)
|
||||
|
||||
<div class="navy-line" style="margin-bottom:5rem"></div>
|
||||
let origin: String = el_div(
|
||||
"class=\"mission-origin\"",
|
||||
label_row +
|
||||
el_h2("class=\"display-lg mission-headline reveal\" style=\"transition-delay:80ms\"", "Why I built this") +
|
||||
el_p("class=\"mission-body-para reveal\" style=\"transition-delay:160ms\"",
|
||||
"Every AI tool you use today resets when you close the tab. It doesn't know you tomorrow. It doesn't remember what mattered yesterday. It can't grow with you over years."
|
||||
) +
|
||||
el_p("class=\"mission-body-para reveal\" style=\"transition-delay:240ms\"",
|
||||
"I built Neuron because intelligence should compound. The same way a great mentor gets more valuable the longer you work with them - knowing your context, your patterns, your goals - your AI should too."
|
||||
) +
|
||||
el_p("class=\"mission-body-para mission-body-emphasis reveal\" style=\"transition-delay:320ms\"",
|
||||
"Neuron is private by design. It runs on your hardware. " +
|
||||
el_strong("Your data never leaves your machine.") +
|
||||
" No training on your data. No telemetry. No cloud dependency."
|
||||
) +
|
||||
el_p("class=\"mission-body-para reveal\" style=\"transition-delay:400ms\"",
|
||||
"This isn't a chat interface. It's the AI that becomes yours."
|
||||
)
|
||||
)
|
||||
|
||||
<div class="mission-origin">
|
||||
<div class="mission-label-row reveal">
|
||||
<div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
|
||||
<span class="label">The mission</span>
|
||||
<div style="height:1px;width:4rem;background:linear-gradient(to left,transparent,rgba(0,82,160,.35));flex-shrink:0"></div>
|
||||
</div>
|
||||
<h2 class="display-lg mission-headline reveal" style="transition-delay:80ms">Why I built this</h2>
|
||||
let bigtech: String = el_div(
|
||||
"class=\"mission-bigtech reveal\" style=\"transition-delay:600ms\"",
|
||||
el_p("class=\"mission-bigtech-label\"", "Why I built this on my own") +
|
||||
el_p("",
|
||||
"I didn't just approach one of the largest technology companies in the world - I got the meeting. Got the NDAs signed. Created deliverables in real time. Showed them benchmarks with full auditability. Some of their own people understood immediately what it meant."
|
||||
) +
|
||||
el_p("",
|
||||
"They saw it. Seemed to engage meaningfully. Then, within two days, lawyers were involved. I decided to just finish the project on my own."
|
||||
) +
|
||||
el_p("class=\"muted\"",
|
||||
"Not: how do we solve this at scale? Not: what does this mean for the people we serve? Their instinct was to protect enterprise revenue and manage legal exposure. The actual human impact - the people whose lives those enterprises touch - didn't enter the conversation."
|
||||
) +
|
||||
el_p("class=\"muted\"",
|
||||
"That's the difference. " +
|
||||
"<strong style=\"color:var(--t1)\">They're optimizing for the enterprise. I'm building for the people those enterprises are supposed to serve.</strong>"
|
||||
) +
|
||||
el_p("",
|
||||
"I told them I could build and distribute this by myself. Maybe they didn't believe me. That meeting was April 22nd, 2026. I'm writing this on April 25th. You're looking at the proof. " +
|
||||
el_a("/checkout?plan=founding", "", "I hope you'll preorder it.")
|
||||
)
|
||||
)
|
||||
|
||||
<p class="mission-body-para reveal" style="transition-delay:160ms">
|
||||
Every AI tool you use today resets when you close the tab. It doesn't know you tomorrow. It doesn't remember what mattered yesterday. It can't grow with you over years.
|
||||
</p>
|
||||
<p class="mission-body-para reveal" style="transition-delay:240ms">
|
||||
I built Neuron because intelligence should compound. The same way a great mentor gets more valuable the longer you work with them - knowing your context, your patterns, your goals - your AI should too.
|
||||
</p>
|
||||
<p class="mission-body-para mission-body-emphasis reveal" style="transition-delay:320ms">
|
||||
Neuron is private by design. It runs on your hardware. <strong>Your data never leaves your machine.</strong> No training on your data. No telemetry. No cloud dependency.
|
||||
</p>
|
||||
<p class="mission-body-para reveal" style="transition-delay:400ms">
|
||||
This isn't a chat interface. It's the AI that becomes yours.
|
||||
</p>
|
||||
</div>
|
||||
let problem1: String = el_div(
|
||||
"class=\"problem-item reveal\"",
|
||||
el_p("class=\"problem-label\"", "Synthetic media without accountability") +
|
||||
el_p("class=\"problem-body\"", "Generative AI makes it trivially easy to produce harmful content at scale - and nearly impossible to trace. This is a problem the industry is largely ignoring. I'm not. I'm engaged with it seriously and expect to have answers in place before it becomes unmanageable.")
|
||||
)
|
||||
let problem2: String = el_div(
|
||||
"class=\"problem-item reveal\" style=\"transition-delay:120ms\"",
|
||||
el_p("class=\"problem-label\"", "Epistemic collapse") +
|
||||
el_p("class=\"problem-body\"", "AI can now generate persuasive content at any volume, on any position. The next generation is growing up in an environment where signal and noise are becoming indistinguishable. I think deeply about what it means to build tools that contribute to that problem - and how to build ones that don't.")
|
||||
)
|
||||
let problem3: String = el_div(
|
||||
"class=\"problem-item reveal\" style=\"transition-delay:240ms\"",
|
||||
el_p("class=\"problem-label\"", "Concentration of inference") +
|
||||
el_p("class=\"problem-body\"", "Four companies control nearly all frontier AI inference. Every query strengthens their position. I think that concentration of power is a structural risk - not just a pricing problem - and I'm building with that in mind.")
|
||||
)
|
||||
let problem4: String = el_div(
|
||||
"class=\"problem-item reveal\" style=\"transition-delay:360ms\"",
|
||||
el_p("class=\"problem-label\"", "The accountability gap") +
|
||||
el_p("class=\"problem-body\"", "When an AI agent takes a bad action, there is currently no clear legal or technical accountability. That's going to matter more as agents do more. I take this seriously. I'm building toward answers - not waiting for regulators to force the question.")
|
||||
)
|
||||
|
||||
<div class="mission-bigtech reveal" style="transition-delay:600ms">
|
||||
<p class="mission-bigtech-label">Why I built this on my own</p>
|
||||
<p>
|
||||
I didn't just approach one of the largest technology companies in the world - I got the meeting. Got the NDAs signed. Created deliverables in real time. Showed them benchmarks with full auditability. Some of their own people understood immediately what it meant.
|
||||
</p>
|
||||
<p>
|
||||
They saw it. Seemed to engage meaningfully. Then, within two days, lawyers were involved. I decided to just finish the project on my own.
|
||||
</p>
|
||||
<p class="muted">
|
||||
Not: how do we solve this at scale? Not: what does this mean for the people we serve? Their instinct was to protect enterprise revenue and manage legal exposure. The actual human impact - the people whose lives those enterprises touch - didn't enter the conversation.
|
||||
</p>
|
||||
<p class="muted">
|
||||
That's the difference. <strong style="color:var(--t1)">They're optimizing for the enterprise. I'm building for the people those enterprises are supposed to serve.</strong>
|
||||
</p>
|
||||
<p>
|
||||
I told them I could build and distribute this by myself. Maybe they didn't believe me. That meeting was April 22nd, 2026. I'm writing this on April 25th. You're looking at the proof. <a href="/checkout?plan=founding">I hope you'll preorder it.</a>
|
||||
</p>
|
||||
</div>
|
||||
let problems_grid: String = el_div(
|
||||
"class=\"problems-grid\"",
|
||||
problem1 + problem2 + problem3 + problem4 +
|
||||
el_div("class=\"problems-grid-bottom\"", "")
|
||||
)
|
||||
|
||||
<div class="mission-problems">
|
||||
<div class="mission-sub-row reveal">
|
||||
<div class="mission-sub-line"></div>
|
||||
<span class="label">What I'm building against</span>
|
||||
</div>
|
||||
let closer: String = el_div(
|
||||
"class=\"mission-closer reveal\"",
|
||||
el_p("", "The industry built tools to make AI easier to use. " +
|
||||
el_span("", "I'm building tools to make it safer to trust.")
|
||||
)
|
||||
)
|
||||
|
||||
<div class="problems-grid">
|
||||
<div class="problem-item reveal">
|
||||
<p class="problem-label">Synthetic media without accountability</p>
|
||||
<p class="problem-body">Generative AI makes it trivially easy to produce harmful content at scale - and nearly impossible to trace. This is a problem the industry is largely ignoring. I'm not. I'm engaged with it seriously and expect to have answers in place before it becomes unmanageable.</p>
|
||||
</div>
|
||||
<div class="problem-item reveal" style="transition-delay:120ms">
|
||||
<p class="problem-label">Epistemic collapse</p>
|
||||
<p class="problem-body">AI can now generate persuasive content at any volume, on any position. The next generation is growing up in an environment where signal and noise are becoming indistinguishable. I think deeply about what it means to build tools that contribute to that problem - and how to build ones that don't.</p>
|
||||
</div>
|
||||
<div class="problem-item reveal" style="transition-delay:240ms">
|
||||
<p class="problem-label">Concentration of inference</p>
|
||||
<p class="problem-body">Four companies control nearly all frontier AI inference. Every query strengthens their position. I think that concentration of power is a structural risk - not just a pricing problem - and I'm building with that in mind.</p>
|
||||
</div>
|
||||
<div class="problem-item reveal" style="transition-delay:360ms">
|
||||
<p class="problem-label">The accountability gap</p>
|
||||
<p class="problem-body">When an AI agent takes a bad action, there is currently no clear legal or technical accountability. That's going to matter more as agents do more. I take this seriously. I'm building toward answers - not waiting for regulators to force the question.</p>
|
||||
</div>
|
||||
<div class="problems-grid-bottom"></div>
|
||||
</div>
|
||||
let commitment: String = el_div(
|
||||
"class=\"reveal\" style=\"max-width:44rem;margin-top:3.5rem;padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30);background:rgba(0,82,160,.02)\"",
|
||||
el_p("style=\"font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:1rem\"", "Nobody's perfect.") +
|
||||
el_p("style=\"font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem\"",
|
||||
"Neuron isn't either. There is a gap between what the AI industry is delivering and what the world actually needs. Bridging that gap is the work - not a one-time product release, but continuous work, done in the open, built on the trust that users place in it."
|
||||
) +
|
||||
el_p("style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--navy);line-height:1.6\"",
|
||||
"That's my commitment. To keep working. To be honest about the problems. To build something that earns trust by doing the hard things right."
|
||||
)
|
||||
)
|
||||
|
||||
<div class="mission-closer reveal">
|
||||
<p>The industry built tools to make AI easier to use. <span>I'm building tools to make it safer to trust.</span></p>
|
||||
</div>
|
||||
let sub_row: String = el_div(
|
||||
"class=\"mission-sub-row reveal\"",
|
||||
el_div("class=\"mission-sub-line\"", "") +
|
||||
el_span("class=\"label\"", "What I'm building against")
|
||||
)
|
||||
|
||||
<div class="reveal" style="max-width:44rem;margin-top:3.5rem;padding:2rem 2.5rem;border-left:3px solid rgba(0,82,160,.30);background:rgba(0,82,160,.02)">
|
||||
<p style="font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:1rem">Nobody's perfect.</p>
|
||||
<p style="font-family:var(--body);font-weight:300;font-size:0.9375rem;color:var(--t2);line-height:1.8;margin-bottom:1rem">Neuron isn't either. There is a gap between what the AI industry is delivering and what the world actually needs. Bridging that gap is the work - not a one-time product release, but continuous work, done in the open, built on the trust that users place in it.</p>
|
||||
<p style="font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--navy);line-height:1.6">That's my commitment. To keep working. To be honest about the problems. To build something that earns trust by doing the hard things right.</p>
|
||||
</div>
|
||||
let problems: String = el_div(
|
||||
"class=\"mission-problems\"",
|
||||
sub_row + problems_grid + closer + commitment
|
||||
)
|
||||
|
||||
</div>
|
||||
let bottom_line: String = el_div(
|
||||
"class=\"container\" style=\"margin-top:5rem\"",
|
||||
el_div("class=\"navy-line\"", "")
|
||||
)
|
||||
|
||||
</div>
|
||||
<div class="container" style="margin-top:5rem"><div class="navy-line"></div></div>
|
||||
</section>
|
||||
el_section(
|
||||
"id=\"mission\" aria-label=\"Mission\"",
|
||||
el_div(
|
||||
"class=\"container\"",
|
||||
el_div("class=\"navy-line\" style=\"margin-bottom:5rem\"", "") +
|
||||
origin + bigtech + problems
|
||||
) + bottom_line
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user