asciiblaster- draw irc art in your web browser |
git clone git://git.acid.vegas/asciiblaster.git |
Log | Files | Refs | Archive | README |
index.html (6259B)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>asciiblaster</title> 6 <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes" /> 7 <link rel="stylesheet" href="css/sally.css" type="text/css" charset="utf-8" /> 8 <link rel="stylesheet" href="css/ak.css" type="text/css" charset="utf-8" /> 9 </head> 10 11 <body class="loading panke"> 12 13 <div id="goodies_rapper"> 14 </div> 15 16 <div id="workspace_rapper"> 17 <div id="canvas_rapper" class="rapper"></div> 18 </div> 19 20 <div id="ui_rapper"> 21 <div class="block" id="tools_block"> 22 <div id="palette_rapper"></div> 23 <div id="secret_rapper"> 24 <span id="experimental_palette_toggle">.</span> 25 <!-- <span id="nopaint_toggle">N</span> --> 26 </div> 27 <div id="letters_rapper"></div> 28 <div id="custom_rapper"></div> 29 </div> 30 <div id="brush_container" class="block"> 31 <div id="brush_rapper"> 32 </div> 33 <br> 34 <span id="fg_checkbox" class="tool">x fg</span><br> 35 <span id="bg_checkbox" class="tool">x bg</span><br> 36 <span id="char_checkbox" class="tool">x char</span><br> 37 <br> 38 <span id="add_custom_el" class="tool">+ add</span> 39 <span id="mirror_x_checkbox" class="tool">_ mirror x</span><br> 40 <span id="mirror_y_checkbox" class="tool">_ mirror y</span><br> 41 <br> 42 <span id="undo_el" class="tool hidden">undo</span><br> 43 <span id="redo_el" class="tool hidden">redo</span><br> 44 </div> 45 <div id="tools_rapper" class="block"> 46 <span id="square_el" class="tool">square</span><br> 47 <span id="circle_el" class="tool">circle</span><br> 48 <span id="cross_el" class="tool">cross</span><br> 49 <span id="text_el" class="tool">text</span><br> 50 <span id="fill_el" class="tool">fill</span><br> 51 <span id="select_el" class="tool">select</span><br> 52 <br> 53 <span id="rotate_el" class="tool">rotate</span><br> 54 <span id="scale_el" class="tool">scale</span><br> 55 <span id="translate_el" class="tool">translate</span><br> 56 <span id="slice_el" class="tool">slice</span><br> 57 58 <span id="grid_el" class="tool">_ grid</span> 59 <!-- <span id="rotate_checkbox" class="tool">_ rotate</span><br> --> 60 <span id="vertical_checkbox" class="tool">x vertical</span> 61 <!-- <span id="pixels_checkbox" class="tool">_ pixels</span><br> --> 62 </div> 63 64 <div id="textarea_mode" style="float: left"> 65 <div> 66 <span id="clear_el" class="tool">new</span> 67 <span id="save_el" class="tool">save</span> 68 <span id="load_el" class="tool">load</span> 69 <br> 70 <span id="shader_el" class="tool">shader</span> 71 <span id="webcam_el" class="tool">webcam</span> 72 <a id="doc_el" href="doc/index.html" target="_blank">doc</a> 73 <a id="gallery_el" href="https://asdf.us/im/gallery/?tag=ascii&limit=80" target="_blank">gallery</a> 74 <br> 75 <span id="advanced_checkbox" class="tool">_ advanced</span> 76 <br> 77 <span id="send_to_irc_el" class="tool">> send to IRC</span> 78 <br> 79 <div id="nopaint_rapper"> 80 <br> 81 <span id="nopaint_no_el" class="tool">no</span><br> 82 <span id="nopaint_paint_el" class="tool">paint</span><br> 83 <span id="nopaint_pause_el" class="tool hidden">pause</span><br> 84 </div> 85 <br> 86 brush: <span id="brush_w_el" class="ed">5</span> x <span id="brush_h_el" class="ed">5</span><br> 87 canvas: <span id="canvas_w_el" class="ed">100</span> x <span id="canvas_h_el" class="ed">30</span><br> 88 </div> 89 90 <div id="import_rapper"> 91 <span id="format_el">ascii *irssi mirc ansi</span> 92 <span id="import_buttons"> 93 <button id="import_button">import</button> 94 </span> 95 <div id="gallery_rapper"> 96 <input id="username_input" type="text" placeholder="username"> 97 <input id="upload_input" type="text" placeholder="uploaded url"> 98 <button id="export_button">export</button> 99 <button id="save_button">save</button> 100 <button id="upload_button">upload</button> 101 </div><br> 102 <div id="cutoff_warning_el">colorcode is too wide for irc and is cutoff</div> 103 <textarea id="import_textarea"></textarea> 104 </div> 105 106 <div id="shader_rapper"> 107 <span id="animate_checkbox" class="tool">_ animate</span> 108 to <span id="shader_target_el">*canvas brush selection</span> 109 <span id="shader_fps_el" class="hidden faded"></span><br> 110 <textarea id="shader_textarea"></textarea> 111 </div> 112 </div> 113 </div> 114 <div id="webcam_rapper" class="transparent"> 115 <span class="close" id="webcam_close">x</span> 116 <iframe id="webcam_iframe"></iframe> 117 </div> 118 119 <input type="text" id="cursor_input"> 120 121 </body> 122 <script type="text/javascript-shader" id="demo_shader"> 123 // lex.bg = hue((x+y*y+t/10)/20) 124 // lex.fg = colors.white 125 // lex.char = " " 126 // lex.opacity = 1 127 128 </script> 129 <script src="js/vendor/colorcode.js"></script> 130 <script src="js/vendor/text-encoder-lite.js"></script> 131 <script src="js/vendor/dataUriToBlob.js"></script> 132 <script src="js/vendor/FileSaver.js"></script> 133 <script src="js/vendor/oktween.js"></script> 134 135 <script src="js/util.js"></script> 136 <script src="js/png.js"></script> 137 <script src="js/unicode.js"></script> 138 <script src="js/color.js"></script> 139 <script src="js/dither.js"></script> 140 <script src="js/undo.js"></script> 141 <script src="js/clipboard.js"></script> 142 <script src="js/upload.js"></script> 143 <script src="js/user.js"></script> 144 145 <script src="js/lex.js"></script> 146 <script src="js/matrix.js"></script> 147 <script src="js/blit.js"></script> 148 <script src="js/tool.js"></script> 149 <script src="js/shader.js"></script> 150 <script src="js/draw.js"></script> 151 152 <script src="js/ui/brush.js"></script> 153 <script src="js/ui/canvas.js"></script> 154 <script src="js/ui/custom.js"></script> 155 <script src="js/ui/goodies.js"></script> 156 <script src="js/ui/keys.js"></script> 157 <script src="js/ui/controls.js"></script> 158 <script src="js/ui/palette.js"></script> 159 <script src="js/ui/letters.js"></script> 160 <script src="js/ui/selection.js"></script> 161 <script src="js/ui/transform.js"></script> 162 <script src="js/ui/nopaint.js"></script> 163 164 <script src="js/app.js"></script> 165 </html> 166