<section id=content>
<template id=sourcesTemplate>
<button id="" class=source><img width=64 height=64 src=''></button>
</template>
<input type="checkbox" id="enableSource" data-id="{{.Source}}"> Use an input bitmap.
<br>
<button id=selectedSource></button>
<pre id=sourceCode>SkBitmap source;</pre>
<div id=chooseSource>
Choose an image below or upload a new one to use as an input bitmap.
<div id="chooseList">
</div>
<form action="/sources/" method="post" accept-charset="utf-8" enctype="multipart/form-data">
<input type="file" accept="image/*" name="upload" value="" id="upload">
<input type="submit" value="Add Image">
</form>
</div>
<pre>
<textarea spellcheck=false name='code' id='code' rows='15' cols='100'>{{.Code}}</textarea>
</pre>
<input type='button' value='Run' id='run'>
<a href='{{if .Hash}}/c/{{.Hash}}{{end}}' target=_blank id=permalink>Share</a>
<input type='button' value='Embed' id='embedButton' disabled/>
<input type="text" value="" id="embed" readonly style="display:none;">
<br>
<p>
<img touch-action='none' class='zoom' id='img' src='{{if .Hash}}/i/{{.Hash}}.png{{end}}'/>
</p>
<p id='zoomHex'></p>
<h2>Warnings and Errors</h2>
<pre><code id='output'></code></pre>
<h2>Runtime output</h2>
<pre id='stdout'></pre>
</section>