<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <!-- {{{ HEAD -->
  <head>
    <link charset="utf-8" href="assets/css/ak.css" rel="stylesheet" type="text/css" />
    <link charset="utf-8" href="assets/css/sally.css" rel="stylesheet" type="text/css" />
    <meta charset="utf-8" />
    <meta content="width=device-width, maximum-scale=1.0, user-scalable=yes" name="viewport" />
    <title>asciiblaster v1.0.6</title>
  </head>
  <!-- }}} -->
  <!-- {{{ BODY -->
  <body class="loading panke">
    <!-- {{{ DIV: workspace_rapper -->
    <div id="workspace_rapper">
      <div id="canvas_rapper" class="rapper"></div>
    </div>
    <!-- }}} -->
    <!-- {{{ DIV: ui_rapper -->
    <div id="ui_rapper">
      <!-- {{{ DIV: tools_block -->
      <div class="block" id="tools_block">
        <div id="palette_rapper"></div>
        <div id="secret_rapper">
          <span id="experimental_palette_toggle">.</span>
        </div>
        <div id="letters_rapper"></div>
        <div id="custom_rapper"></div>
      </div>
      <!-- }}} -->
      <!-- {{{ DIV: brush_container -->
      <div id="brush_container" class="block">
        <div id="brush_rapper">
        </div>
        <span id="fg_checkbox" class="tool">x fg</span><br />
        <span id="bg_checkbox" class="tool">x bg</span><br />
        <span id="char_checkbox" class="tool">x char</span><br />
        <span id="add_custom_el" class="tool">+ add</span><br />
        <br />
        <span id="undo_el" class="tool hidden">undo</span><br />
        <span id="redo_el" class="tool hidden">redo</span><br />
      </div>
      <!-- }}} -->
      <!-- {{{ DIV: tools_rapper -->
      <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="cross_el" class="tool">cross</span><br />
        <span id="text_el" class="tool">text</span><br />
        <span id="fill_el" class="tool">fill</span><br />
        <span id="select_el" class="tool">select</span><br />
        <br />
        <span id="rotate_el" class="tool">rotate</span><br />
        <span id="scale_el" class="tool">scale</span><br />
        <span id="translate_el" class="tool">translate</span><br />
        <span id="slice_el" class="tool">slice</span><br />
      </div>
      <!-- }}} -->
      <!-- {{{ DIV: textarea_mode -->
      <div id="textarea_mode" style="float: left">
        <div>
          <span id="clear_el" class="tool">new</span>
          <span id="save_el" class="tool">save</span>
          <span id="load_el" class="tool">load</span>
          <a id="doc_el" href="assets/html/help.html" target="_blank">help</a>
          <br />
          brush: <span id="brush_w_el" class="ed">5</span> x <span id="brush_h_el" class="ed">5</span><br />
          canvas: <span id="canvas_w_el" class="ed">100</span> x <span id="canvas_h_el" class="ed">30</span><br />
          <span id="grid_el" class="tool">_ grid</span>
          <span id="vertical_checkbox" class="tool">x vertical</span>
        </div>

        <div id="import_rapper">
          <span id="format_el">ascii *mirc</span>
          <span id="import_buttons">
            <button id="import_button">import</button>
          </span>
          <div id="gallery_rapper" /><br />
          <div id="cutoff_warning_el">character limit of 425 exceeded</div>
          <textarea id="import_textarea" cols="100" rows="30"></textarea>
        </div>
      </div>
      <input type="text" id="cursor_input" />
    </div>
    <!-- }}} -->
    <!-- }}} -->
    <!-- {{{ SCRIPTs: assets/js/* -->
    <script src="assets/js/util.js" type="text/javascript"></script>
    <script src="assets/js/unicode.js" type="text/javascript"></script>
    <script src="assets/js/color.js" type="text/javascript"></script>
    <script src="assets/js/clipboard.js" type="text/javascript"></script>
    <script src="assets/js/lex.js" type="text/javascript"></script>
    <script src="assets/js/matrix.js" type="text/javascript"></script>
    <script src="assets/js/gfx.js" type="text/javascript"></script>
    <script src="assets/js/ui/tool.js" type="text/javascript"></script>
    <script src="assets/js/gfx.js" type="text/javascript"></script>
    <!-- }}} -->
    <!-- {{{ SCRIPTs: assets/js/ui/* -->
    <script src="assets/js/ui/brush.js" type="text/javascript"></script>
    <script src="assets/js/ui/canvas.js" type="text/javascript"></script>
    <script src="assets/js/ui/keys.js" type="text/javascript"></script>
    <script src="assets/js/ui/controls.js" type="text/javascript"></script>
    <script src="assets/js/ui/paletters.js" type="text/javascript"></script>
    <script src="assets/js/ui/selection.js" type="text/javascript"></script>
    <script src="assets/js/ui/transform.js" type="text/javascript"></script>
    <!-- }}} -->
    <script src="assets/js/app.js" type="text/javascript"></script>
  </body>
  <!-- }}} -->
</html>

<!--
  vim:ts=2 sw=2 expandtab fenc=utf-8 foldmethod=marker nowrap tw=0
  -->