feat: convert web El source to native HTML template syntax

Replace all return "..." HTML string literals with native El templates —
removes all \" escapes, converts + interpolations to {expr}/{raw(expr)},
and replaces conditional string concatenation with {#if}/{#else}/{/if}.
No functional changes; output is identical.
This commit is contained in:
Will Anderson
2026-05-05 05:18:01 -05:00
parent 1127dcd278
commit 5cb13d67f7
24 changed files with 1443 additions and 1494 deletions
+28 -30
View File
@@ -1,54 +1,52 @@
// components/how_it_works.el - "Three moments. Permanent context." steps.
fn how_it_works() -> String {
return "
<section id=\"how-it-works\" aria-label=\"How it works\">
<div class=\"container\">
return <section id="how-it-works" aria-label="How it works">
<div class="container">
<div class=\"hiw-header\">
<div class=\"navy-line\" style=\"margin-bottom:5rem\"></div>
<div class=\"hiw-label-row reveal\">
<div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
<span class=\"label\">How it works</span>
<div class="hiw-header">
<div class="navy-line" style="margin-bottom:5rem"></div>
<div class="hiw-label-row reveal">
<div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
<span class="label">How it works</span>
</div>
<h2 class=\"display-lg hiw-headline reveal\" style=\"transition-delay:80ms\">
<h2 class="display-lg hiw-headline reveal" style="transition-delay:80ms">
Three moments.<br>
<span class=\"gold\">Permanent context.</span>
<span class="gold">Permanent context.</span>
</h2>
</div>
<div class=\"steps-grid\">
<div class="steps-grid">
<div class=\"reveal\">
<div class=\"step-circle-row\">
<div class=\"step-circle\"><span class=\"step-num\">01</span></div>
<span class=\"step-aside\">5 minutes</span>
<div class="reveal">
<div class="step-circle-row">
<div class="step-circle"><span class="step-num">01</span></div>
<span class="step-aside">5 minutes</span>
</div>
<h3 class=\"display-md step-title\">Create your account</h3>
<p class=\"step-body\">Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.</p>
<h3 class="display-md step-title">Create your account</h3>
<p class="step-body">Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.</p>
</div>
<div class=\"reveal\" style=\"transition-delay:180ms\">
<div class=\"step-circle-row\">
<div class=\"step-circle\"><span class=\"step-num\">02</span></div>
<span class=\"step-aside\">Just once</span>
<div class="reveal" style="transition-delay:180ms">
<div class="step-circle-row">
<div class="step-circle"><span class="step-num">02</span></div>
<span class="step-aside">Just once</span>
</div>
<h3 class=\"display-md step-title\">Your first session</h3>
<p class=\"step-body\">Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.</p>
<h3 class="display-md step-title">Your first session</h3>
<p class="step-body">Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.</p>
</div>
<div class=\"reveal\" style=\"transition-delay:360ms\">
<div class=\"step-circle-row\">
<div class=\"step-circle\"><span class=\"step-num\">03</span></div>
<span class=\"step-aside\">Every session</span>
<div class="reveal" style="transition-delay:360ms">
<div class="step-circle-row">
<div class="step-circle"><span class="step-num">03</span></div>
<span class="step-aside">Every session</span>
</div>
<h3 class=\"display-md step-title\">Never start over</h3>
<p class=\"step-body\">Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.</p>
<h3 class="display-md step-title">Never start over</h3>
<p class="step-body">Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.</p>
</div>
</div>
</div>
</section>
"
}