asciiblaster

- draw irc art in your web browser
git clone git://git.acid.vegas/asciiblaster.git
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&amp;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">&gt; 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