Basic build process and transforming json into html

src/templates/components/color.mustache

@@ -0,0 +1,4 @@
+<label class="item">
+  <span class="label">{{label}}</span>
+  <input data-manipulator-target type="text" class="item-color item-color-normal" value="{{value}}">
+</label>

src/templates/components/footer.mustache

@@ -0,0 +1,3 @@
+<div data-manipulator-target class="item-container-footer">
+  {{&content}}
+</div>

src/templates/components/heading.mustache

@@ -0,0 +1,3 @@
+<div class="item-container-header">
+  <h1 data-manipulator-target>{{&content}}</h1>
+</div>

src/templates/components/input.mustache

@@ -0,0 +1,11 @@
+<label class="item">
+  <span class="label">{{label}}</span>
+  <div class="item-input-wrapper">
+    <input data-manipulator-target
+           class="item-input"
+           value="{{value}}"
+           type="text"
+           {{#attributes}} {{key}}="{{value}}" {{/attributes}}
+    />
+  </div>
+</label>

src/templates/components/select.mustache

@@ -0,0 +1,8 @@
+<label class="item">
+  <span class="label">{{label}}</span>
+  <select data-manipulator-target class="item-select">
+    {{#options}}
+      <option value="{{value}}" {{selected}} class="item-select-option">{{&label}}</option>
+    {{/options}}
+  </select>
+</label>

src/templates/components/subheading.mustache

@@ -0,0 +1,3 @@
+<div class="item-container-header">
+  <h2 data-manipulator-target>{{&content}}</h2>
+</div>

src/templates/components/submit.mustache

@@ -0,0 +1,3 @@
+<div class="button-container">
+  <input data-manipulator-target type="submit" class="item-button" value="{{label}}">
+</div>

src/templates/components/toggle.mustache

@@ -0,0 +1,4 @@
+<label class="item">
+  <span class="label">{{label}}</span>
+  <input data-manipulator-target type="checkbox" class="item-toggle" {{value}}>
+</label>