Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Example output from grunt-shopify-theme-settings Grunt plugin.
<fieldset>
<legend>Appearance and Fonts</legend>
<h3>
Background
</h3>
<table>
<tr>
<th>
<label for="background_style">Background Style</label>
</th>
<td>
<select id="background_style" name="background_style">
<option value="none">
None
</option>
<option value="color">
Custom Color
</option>
<option value="image">
Custom Image
</option>
</select>
</td>
</tr>
<tr>
<th>
<label for="background_color">Background Color</label>
</th>
<td>
<input id="background_color" name="background_color" class="color" type="text" value="" />
</td>
</tr>
<tr>
<th>
<label for="background_image.jpg">Background Image</label>
</th>
<td>
<input type="file" id="background_image.jpg" name="background_image.jpg" />
</td>
</tr>
<tr>
<th></th>
<td>
<small>Upload a jpeg.</small>
</td>
</tr>
<tr>
<th>
<label for="background_image_repeat">Repeat Backgound Image?</label>
</th>
<td>
<input type="checkbox" id="background_image_repeat" name="background_image_repeat" value="1" />
</td>
</tr>
</table>
<h3>
Slide 1
</h3>
<table>
<tr>
<th>
<label for="slide_1_show">Show Slide 1?</label>
</th>
<td>
<input type="checkbox" id="slide_1_show" name="slide_1_show" value="1" />
</td>
</tr>
<tr>
<th>
<label for="slide_1_image.jpg">Slide 1 Image</label>
</th>
<td>
<input type="file" id="slide_1_image.jpg" name="slide_1_image.jpg" />
</td>
</tr>
</table>
<h3>
Slide 2
</h3>
<table>
<tr>
<th>
<label for="slide_2_show">Show Slide 2?</label>
</th>
<td>
<input type="checkbox" id="slide_2_show" name="slide_2_show" value="1" />
</td>
</tr>
<tr>
<th>
<label for="slide_2_image.jpg">Slide 2 Image</label>
</th>
<td>
<input type="file" id="slide_2_image.jpg" name="slide_2_image.jpg" />
</td>
</tr>
</table>
<h3>
Slide 3
</h3>
<table>
<tr>
<th>
<label for="slide_3_show">Show Slide 3?</label>
</th>
<td>
<input type="checkbox" id="slide_3_show" name="slide_3_show" value="1" />
</td>
</tr>
<tr>
<th>
<label for="slide_3_image.jpg">Slide 3 Image</label>
</th>
<td>
<input type="file" id="slide_3_image.jpg" name="slide_3_image.jpg" />
</td>
</tr>
</table>
</fieldset>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment