diff options
| author | yo mama <pepper@scannerjammer.com> | 2015-02-16 00:10:13 -0800 |
|---|---|---|
| committer | yo mama <pepper@scannerjammer.com> | 2015-02-16 00:10:13 -0800 |
| commit | 760c35f835ef179bc398abc57bcea39bc9ec401e (patch) | |
| tree | 6fddb5f6b55c898a68e4bb3826d0fc524007ca40 /index.html | |
| parent | c3b34223ef6390ad2801edaa3e3b825c7df1cb98 (diff) | |
finishing mode
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 58 |
1 files changed, 51 insertions, 7 deletions
@@ -4,21 +4,24 @@ <link href='css/normalize.css' rel='stylesheet' type='text/css'> <link href='css/unsemantic-grid-responsive.css' rel='stylesheet' type='text/css'> <link href='css/main.css' rel='stylesheet' type='text/css'/> +<link href='css/overlay.css' rel='stylesheet' type='text/css'/> +<link href='css/sketch.css' rel='stylesheet' type='text/css'/> </head> <body> <div id="top-row" class="grid-100 mobile-grid-100"> <div id="impattern" class="grid-50 mobile-grid-50"> - <img src="img/impattern.png"/> + <img src="img/logo.gif"/> </div> <div id="sample" class="grid-50 mobile-grid-50"> </div> </div> - +<hr> <div class="grid-100 mobile-grid-100" id="choose_your_pattern"> - Choose your pattern: + <b>FIRST:</b> Choose your pattern: </div> +</br> <table class="dithertable" id="dithertable"> <tr> <!--{{{--> @@ -177,29 +180,70 @@ <!--}}}--> </tr> </table> - </br> +</br> +<div class="grid-100 mobile-grid-100" id="create_your_own"> + <b>OR:</b> <a href="">Create your Own</a> pattern... +</div> +<hr> <div class="grid-100 mobile-grid-100" id="controls"> <div class="grid-100 mobile-grid-100" id="choose_your_image"> - Choose your image: + <b>NEXT:</b> Choose your image: </div> <div class="parameter grid-50 mobile-grid-50"> Image Url:<input type="text/css" class="image_input" value="Enter an image url here"></input> </div> <div class="parameter grid-50 mobile-grid-50"> - Or Upload:<button>Upload</button> + +<!-- Or Upload:<button>Upload</button>--> </div> </div> <div id="submit_wrapper" class="grid-100 mobile-grid-100" > - <button class="grid-33 push-33 mobile-grid-50 big_button" id="submit">SUBMIT</button> + <button class="grid-33 push-33 mobile-grid-50 big_button" id="submit">ROCK OUT</button> </div> <div class="processing dontshowme"></div> <div class="result dontshowme"></div> +<div id="overlay"> + <div class="close">CANCEL</div> + <div class="content"> + <div id="draw"> + <div>Draw an image below. + </br>(Each square will be 1 sq. pixel)</div> + </br> + <div id="canvas_wrapper"> + </div> + <table> + <tr> + <td> + <input size="2" type="text" id="rows" value="10">ROWS</input> + </td> + </tr> + <tr> + <td> + <input size="2" type="text" id="cols" value="10">COLUMNS</input> + </td> + </tr> + </table> + + <div id="tools"> + <div id="brush" class="brush_tools">Brush</div> + <div id="eraser" class="brush_tools">Eraser</div> + </div> + <input type="checkbox" id="show_grid" checked>Show grid?</input> + <button id="drawing_finished">DONE</button> + + </div> + </div> +</div> +<div id="acknowledgments">site by pepper...thanks to jules (http://asdf.us/ascii) and timb (superpaint...RIP)</div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/Math.uuid.js"></script> <script type="text/javascript" src="js/main.js"></script> +<script type="text/javascript" src="js/sketch.js"></script> +<script type="text/javascript" src="js/overlay.js"></script> +<script type="text/javascript" src="js/choose_your_own.js"></script> </body> </html> |