mirror of
https://github.com/sstent/node.git
synced 2026-01-27 15:41:43 +00:00
33 lines
1014 B
HTML
33 lines
1014 B
HTML
<Body:>
|
|
{{#with home}}
|
|
<h1 style="color:{unspace(.titleColor)}">Welcome in {.titleColor}!</h1>
|
|
<p>This is a collection of random demos. Check 'em out!</p><br>
|
|
<p>
|
|
<label>Title color:
|
|
<select id=titleSelect>
|
|
{#each .colors}
|
|
<option selected="{equal(.name, home.titleColor)}">{capitalize(.name)}</option>
|
|
{/}
|
|
</select>
|
|
</label>
|
|
<input id=titleInput value={.titleColor}>
|
|
<h3>Colors:</h3>
|
|
<div>
|
|
{#each .colors}
|
|
<p>
|
|
<input type=radio name=titleRadio checked="{equal(.name, home.titleColor)}">
|
|
<input class=colorInput value={.name}>
|
|
<button x-bind="click: home.select">Select</button>
|
|
</p>
|
|
{/}
|
|
</div>
|
|
</p><br><br>
|
|
<p><a href=#jump>Test jump link</a></p><br>
|
|
<p><a href=/live-css/popout>Test Live CSS popped out</a></p>
|
|
<p style="margin:400px 0 1000px">
|
|
<span id=jump>Jumped!</span> -
|
|
<a href="#">Back to top</a> -
|
|
<a href=/live-css>Go to Live CSS</a>
|
|
</p>
|
|
{{/}}
|