1 files changed, 17 insertions, 50 deletions
diff --git a/index.html b/index.html
index f622cce..9041c3d 100644
--- a/index.html
+++ b/index.html
@@ -5,57 +5,24 @@
 </head>
 <body>
 <div>
-<button id="random">random</button>
-<button id="pattern2">pattern2</button>
-<button id="pattern3">pattern3</button>
-<button id="pattern4">pattern4</button>
-<button id="pattern2Lite">pattern2lite</button>
-<button id="pattern3Lite">pattern3lite</button>
-<button id="pattern4Lite">pattern4lite</button>
-<button id="floydSteinberg">floyd-steinberg</button>
-<button id="right">right</button>
+<h1>dither</h1>
+<a target="_blank" href="dither-picker.html"><button>dither-picker</button></a>
+...
+<a target="_blank" href="threshold.html"><button>threshold</button></a>
+<a target="_blank" href="pattern.html"><button>pattern</button></a>
+<a target="_blank" href="halftone.html"><button>halftone</button></a>
+
+<h1>shader</h1>
+<a target="_blank" href="shader-combo.html"><button>shader-combo</button></a>
+...
+<a target="_blank" href="shader-demo.html"><button>shader-demo</button></a>
+<a target="_blank" href="shader-api.html"><button>shader-api</button></a>
+<a target="_blank" href="shader-animate.html"><button>shader-animate</button></a>
+<a target="_blank" href="shader-gif.html"><button>shader-gif</button></a>
+<a target="_blank" href="shader-picker.html"><button>shader-picker</button></a>
+<!--<a target="_blank" href="shader-localstorage.html"><button>shader-localstorage</button></a>-->
 </div>
-<div id="images"></div>
+
 </body>
-<script type="text/javascript" src="js/vendor/canvasquery.js"></script>
-<script type="text/javascript" src="js/canvasquery.dither.js"></script>
-<script type="text/javascript">
-var algo = 'random';
-var urls = ["img/abyss.png","img/building.png","img/gradient.jpg"]
-var imgs = []
-var complete = 0
-urls.forEach(function(src){
-  var img = new Image ()
-  img.onload = ready
-  img.src = src
-  imgs.push(img)
-  if (img.complete) ready()
-})
-function ready(){
-  complete += 1
-  if (complete < imgs.length) return;
-  var buttons = document.getElementsByTagName("button")
-  for (var i = 0; i < buttons.length; i++) {
-    (function(n){
-      buttons[n].onclick = function(){
-        algo = buttons[n].id;
-        build()
-      }
-    })(i)
-  }
-  build()
-}
-function build(){
-  document.getElementById("images").innerHTML = ""
-  imgs.forEach(dither)
-}
-function dither(img){
-  var w = img.naturalWidth, h = img.naturalHeight;
-  var cc = cq(w, h)
-  cc.drawImage(img, 0, 0, w, h);
-  cc[algo + "Dither"]( )
-  cc.appendTo("#images")
-}
-</script>
 </html>