updated app

node_modules/derby-examples/sink/views/app/home.html

@@ -0,0 +1,32 @@
+<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>
+  {{/}}