export background from index

1 files changed, 15 insertions, 1 deletions

diff --git a/index.html b/index.html
index 5fb7c30..7a82b45 100644
--- a/index.html
+++ b/index.html
@@ -21,6 +21,9 @@ h1 { font-size: 26px; font-weight: normal }
 <div id="body">
 <img src="img/palette.gif" id="palette">
 <button id="dice">&#9883;</button>
+<button id="upload">&rarr;</button>
+<input type="text" id="uploaded-url">
+<span id="status"></span>
 
 <h1>dither</h1>
 <a target="_blank" href="dither-picker.html"><button>dither-picker</button></a>
@@ -58,7 +61,11 @@ h1 { font-size: 26px; font-weight: normal }
 
 <script type="text/javascript" src="js/vendor/canvasquery.js"></script>
 <script type="text/javascript" src="js/vendor/jquery/jquery.min.js"></script>
-<script type="text/javascript" src="http://asdf.us/neighbor/neighbor.js"></script>
+<script type="text/javascript" src="js/vendor/dataUriToBlob.js"></script>
+<script type="text/javascript" src="js/vendor/FileSaver/FileSaver.js"></script>
+<script type="text/javascript" src="js/user.js"></script>
+<script type="text/javascript" src="js/image.js"></script>
+<script type="text/javascript" src="js/save.js"></script>
 <script type="text/javascript">
 
 //
@@ -190,10 +197,12 @@ if (palette.complete) load()
 
 function load(){
 	console.log("hello");
+	user.init()
 	var offset = $("#palette").offset();
 	var paletteImg = $("#palette")[0];
 	var palette = cq(paletteImg);
 	var pattern, mask;
+	var patternURI;
 	var color = new Color( 0, 0, 0 );
 
 	// $("body").append(palette.canvas);
@@ -239,6 +248,11 @@ function load(){
 	}
 	$("#dice").click(dice)
 	dice()
+	$("#upload").click(function(){
+		if (patternURI) {
+			upload(patternURI, (+ new Date()) + "-" + user.username + "-dither.png")
+		}
+	})
 }
 $("#dice").focus()
 $(window).focus(function(){ $("#dice").focus() })