neuron-technologies/neuron-web
3
0
Fork 0
Code Issues 2 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat: convert web El source to native HTML template syntax

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
src/nav.el
+32 -34
View File
@@ -4,54 +4,52 @@
// Hamburger toggles .nav-mobile panel. Closes on link click or outside click.
fn nav() -> String {
return "
<nav id=\"nav\">
<div class=\"nav-inner\">
<a href=\"/\" class=\"nav-logo\" aria-label=\"Neuron home\"><img src=\"/assets/brand/neuron-wordmark-on-light.png\" srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" alt=\"Neuron\" height=\"28\"></a>
return <nav id="nav">
<div class="nav-inner">
<a href="/" class="nav-logo" aria-label="Neuron home"><img src="/assets/brand/neuron-wordmark-on-light.png" srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x" alt="Neuron" height="28"></a>
<!-- Order mirrors page section order: how-it-works → enterprise →
mission/safety/environment → marketplace → pricing. -->
<div class=\"nav-links\">
<a href=\"/#how-it-works\" class=\"nav-link\">How it works</a>
<a href=\"/#enterprise\" class=\"nav-link\">Enterprise</a>
<div class=\"nav-dropdown\">
<button class=\"nav-link nav-dropdown-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">Mission &#9662;</button>
<div class=\"nav-dropdown-menu\">
<a href=\"/#mission\" class=\"nav-dropdown-item\">Our mission</a>
<a href=\"/#safety\" class=\"nav-dropdown-item\">Safety</a>
<a href=\"/#environmental\" class=\"nav-dropdown-item\">Environment</a>
<div class="nav-links">
<a href="/#how-it-works" class="nav-link">How it works</a>
<a href="/#enterprise" class="nav-link">Enterprise</a>
<div class="nav-dropdown">
<button class="nav-link nav-dropdown-btn" aria-haspopup="true" aria-expanded="false">Mission &#9662;</button>
<div class="nav-dropdown-menu">
<a href="/#mission" class="nav-dropdown-item">Our mission</a>
<a href="/#safety" class="nav-dropdown-item">Safety</a>
<a href="/#environmental" class="nav-dropdown-item">Environment</a>
</div>
</div>
<a href=\"/#marketplace\" class=\"nav-link\">Marketplace</a>
<a href=\"/#pricing\" class=\"nav-link\">Pricing</a>
<a href=\"/about\" class=\"nav-link\">About</a>
<a href=\"/said\" class=\"nav-link\">Gallery</a>
<a href=\"/account\" class=\"nav-link\">Account</a>
<a href=\"/#pricing\" class=\"nav-cta\">Get Access</a>
<a href="/#marketplace" class="nav-link">Marketplace</a>
<a href="/#pricing" class="nav-link">Pricing</a>
<a href="/about" class="nav-link">About</a>
<a href="/said" class="nav-link">Gallery</a>
<a href="/account" class="nav-link">Account</a>
<a href="/#pricing" class="nav-cta">Get Access</a>
</div>
<button class=\"nav-hamburger\" id=\"nav-hamburger\" aria-label=\"Open navigation\" aria-expanded=\"false\" aria-controls=\"nav-mobile\">
<button class="nav-hamburger" id="nav-hamburger" aria-label="Open navigation" aria-expanded="false" aria-controls="nav-mobile">
<span></span>
<span></span>
<span></span>
</button>
<div class=\"nav-mobile\" id=\"nav-mobile\" role=\"navigation\" aria-label=\"Mobile navigation\">
<a href=\"/#how-it-works\" class=\"nav-mobile-link\">How it works</a>
<a href=\"/#enterprise\" class=\"nav-mobile-link\">Enterprise</a>
<a href=\"/#mission\" class=\"nav-mobile-link\">Mission</a>
<a href=\"/#safety\" class=\"nav-mobile-link\" style=\"padding-left:1.75rem;font-size:0.8rem;color:var(--t3)\">- Safety</a>
<a href=\"/#environmental\" class=\"nav-mobile-link\" style=\"padding-left:1.75rem;font-size:0.8rem;color:var(--t3)\">- Environment</a>
<a href=\"/#marketplace\" class=\"nav-mobile-link\">Marketplace</a>
<a href=\"/#pricing\" class=\"nav-mobile-link\">Pricing</a>
<a href=\"/about\" class=\"nav-mobile-link\">About</a>
<a href=\"/said\" class=\"nav-mobile-link\">Gallery</a>
<a href=\"/account\" class=\"nav-mobile-link\">Account</a>
<a href=\"/#pricing\" class=\"nav-mobile-cta\">Get Access</a>
<div class="nav-mobile" id="nav-mobile" role="navigation" aria-label="Mobile navigation">
<a href="/#how-it-works" class="nav-mobile-link">How it works</a>
<a href="/#enterprise" class="nav-mobile-link">Enterprise</a>
<a href="/#mission" class="nav-mobile-link">Mission</a>
<a href="/#safety" class="nav-mobile-link" style="padding-left:1.75rem;font-size:0.8rem;color:var(--t3)">- Safety</a>
<a href="/#environmental" class="nav-mobile-link" style="padding-left:1.75rem;font-size:0.8rem;color:var(--t3)">- Environment</a>
<a href="/#marketplace" class="nav-mobile-link">Marketplace</a>
<a href="/#pricing" class="nav-mobile-link">Pricing</a>
<a href="/about" class="nav-mobile-link">About</a>
<a href="/said" class="nav-mobile-link">Gallery</a>
<a href="/account" class="nav-mobile-link">Account</a>
<a href="/#pricing" class="nav-mobile-cta">Get Access</a>
</div>
</div>
</nav>
<script src=\"/js/nav.js\" defer></script>
"
<script src="/js/nav.js" defer></script>
}