diff options
| author | Jules <jules@asdf.us> | 2014-11-30 16:54:12 -0500 |
|---|---|---|
| committer | Jules <jules@asdf.us> | 2014-11-30 16:54:12 -0500 |
| commit | cea658bee03c9dc1843916ccd3c49bd67481e3b2 (patch) | |
| tree | d75b7ca251b87f43422ae2f606071b98cff40458 /index.html | |
| parent | b25804afdf38918c9e205e9acda50bdbfe24cd12 (diff) | |
| parent | 4f2f5dc5580359bba21150af3ce5d34ad14b3ab4 (diff) | |
Merge branch 'master' of ghghgh.us:ascii
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 78 |
1 files changed, 52 insertions, 26 deletions
@@ -11,40 +11,66 @@ body.grid div { border-top: 1px solid #444; border-left: 1px solid #444; } body.loading { opacity: 0; } body { transition: 0.1s linear; } .focused { box-shadow: inset 1px 0 2px white, inset -1px 0 2px white, inset 0 1px 2px white, inset 0 -1px 2px white; } -#shader_textarea { display: none; float: right; font-size:12pt; width: 45%; height: 400px; background: #333; color: #0f0; border: 0; font-family: 'FixedsysExcelsior301Regular'; outline: 0; border: 1px solid #333; background:#010;} +#shader_textarea { display: none; } +#import_textarea { font-size: 9pt; } +textarea { font-size:12pt; width: 45%; height: 300px; background: #333; color: #0f0; border: 0; font-family: 'FixedsysExcelsior301Regular'; outline: 0; border: 1px solid #333; background:#010;} +#import_rapper { display: none; } #cursor_input { position: absolute; top: 0; right: 0; width:30px; opacity: 0; } </style> <body class="loading"> -<div> -<div id="canvas_rapper" class="rapper"></div> -</div> -<div style="clear:both"> -<div id="palette_rapper" class="rapper"></div> -<div id="brush_rapper" class="rapper"></div> -<div id="tools_rapper" class="block"> - <span id="square_el" class="tool">square</span> - <span id="circle_el" class="tool">circle</span> - <span id="text_el" class="tool">text</span> - <span id="clear_el" class="tool">clear</span> - <span id="grid_el" class="tool">grid</span> - <span id="shader_el" class="tool">shader</span> + <div> + <div id="canvas_rapper" class="rapper"></div> + </div> + + <div style="clear:both"> + <div id="palette_rapper" class="rapper"></div> + <div id="brush_rapper" class="rapper"></div> + <div id="tools_rapper" class="block"> + <span id="square_el" class="tool">square</span><br> + <span id="circle_el" class="tool">circle</span><br> + <span id="text_el" class="tool">text</span><br> + <span id="clear_el" class="tool">clear</span><br> + <span id="grid_el" class="tool">grid</span><br> + <br> + brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span><br> + canvas size: <span id="canvas_width_el" class="ed">80</span> x <span id="canvas_height_el" class="ed">24</span><br> + <br> + <span id="animate_checkbox" class="tool">_ animate</span><br> + </div> + + <div id="textarea_mode"> + <div> + <span id="shader_el" class="tool">shader</span> + <span id="load_el" class="tool">load</span> + <span id="save_el" class="tool">save</span> + </div> + + <div id="import_rapper"> + <span id="format_group"> + <input type="radio" name="import_format" id="import_ascii"><label for="import_ascii">ascii</label> + <input type="radio" name="import_format" id="import_irssi"><label for="import_irssi">irssi</label> + <input type="radio" name="import_format" id="import_mirc"><label for="import_mirc">mirc</label> + </span> + <button id="import_button">import</button> + <button id="export_button">export</button><br> + <textarea id="import_textarea"></textarea> + </div> + + <textarea id="shader_textarea"></textarea> + </div> + + </div> + + + <input type="text" id="cursor_input"> - brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span> - canvas size: <span id="canvas_width_el" class="ed">80</span> x <span id="canvas_height_el" class="ed">24</span> - - <span id="animate_checkbox" class="tool">_ animate</span> -</div> -<textarea id="shader_textarea"></textarea> -</div> -<input type="text" id="cursor_input"> </body> <script type="text/javascript-shader" id="demo_shader"> - lex.bg = hue((x+y*y+t/10)/20) - lex.fg = (x+y)%16 - lex.char = (y%2) ? ":" : "%" - + lex.bg = hue((x+y*y+t/10)/20) + lex.fg = (x+y)%16 + lex.char = (y%2) ? ":" : "%" </script> <script src="js/util.js"></script> <script src="js/color.js"></script> |