1 files changed, 32 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5c7999f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,32 @@
+<style>
+canvas { display: inline-block; }
+</style>
+<body><input type="text" id="url_el"></body>
+<script src="convolve.js"></script>
+<script src="smartblur.js"></script>
+<script src="fetch.js"></script>
+<script>
+
+var url = 'img/orange-01.jpg'
+var smart_blur = new SmartBlurFilter ()
+
+function load(url){
+	fromImage(url, function(src){
+		var dest = document.createElement("canvas")
+		var blurred = smart_blur.blur(src, dest)
+		document.body.innerHTML = ""
+		document.body.appendChild(src)
+		document.body.appendChild(blurred)
+	})
+}
+load(url)
+url_el.addEventListener("input",function(){
+	url = "/cgi-bin/proxy?" + url_el.value
+	load(url)
+})
+
+
+
+
+</script>
+