rework GUI, scripts, and fiddle main for multiple simultaneous configs

experimental/webtry/templates/content.html

Index: experimental/webtry/templates/content.html
diff --git a/experimental/webtry/templates/content.html b/experimental/webtry/templates/content.html
index 7e872d0848d1061ea408db4ad8b66c2038c996b7..1ac910573e66d7188c58fd2e45a1899ad239d1cc 100644
--- a/experimental/webtry/templates/content.html
+++ b/experimental/webtry/templates/content.html
@@ -51,9 +51,28 @@
     <input type="text" value="" id="embed" readonly style="display:none;">
   </div>
 
-  <p>
-  <img  touch-action='none' class='zoom' id='img' src='{{if .Hash}}/i/{{.Hash}}.png{{end}}'/>
-  </p>
+  <div id="raster-output" class="image-wrapper panel panel-primary">
+    <div class="panel-heading">
+      <h3 class="panel-title">
+        Raster Output
+      </h3>
+    </div>
+    <div class="panel-body">
+      <img touch-action='none' class='zoom' id='raster-img' onload="onLoadImage(this)" src='{{if .Hash}}/i/{{.Hash}}_raster.png{{end}}'/>
+    </div>
+  </div>
+
+  <div id="gpu-output" class="image-wrapper panel panel-primary">
+    <div class="panel-heading">
+      <h3 class="panel-title">
+        Ganesh Output
+      </h3>
+    </div>
+    <div class="panel-body">
+      <img touch-action='none' class='zoom' id='gpu-img' onload="onLoadImage(this)" src='{{if .Hash}}/i/{{.Hash}}_gpu.png{{end}}'/>
+    </div>
+  </div>
+
   <p id='zoomHex'></p>
 
   <div id="output-wrapper">