summaryrefslogtreecommitdiff
path: root/index.html
blob: b3a5284611d7b5d209bc497e336dae373dff6789 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<meta charset="UTF-8">
<link rel="stylesheet" href="css/sally.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/ak.css" type="text/css" charset="utf-8" />

<body class="loading">

  <div>
    <div id="canvas_rapper" class="rapper"></div>
  </div>

  <div style="clear:both;width: 270px;float: left;">
    <div class="block">
      <div id="palette_rapper"></div>
      <span id="experimental_palette_toggle">.</div>
      <div id="custom_rapper"></div>
    </div>
    <div id="brush_container" class="block">
      <div id="brush_rapper">
      </div>
      <br>
      <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>
      <br>
      <span id="add_custom_el" class="tool">+ add</span>
    </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="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>
      <br>
      <span id="select_el" class="tool">select</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">100</span> x <span id="canvas_height_el" class="ed">24</span><br>
      <br>
      <span id="clear_el" class="tool">clear</span><br>
    </div>
    
    <div id="textarea_mode" style="float: left;">
      <div>
        <span id="shader_el" class="tool">shader</span>
        <span id="webcam_el" class="tool">webcam</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>
        <span id="import_buttons">
          <button id="import_button">import colorcode</button>
          <button id="import_html">import sally</button>
        </span>
        <button id="export_button">export</button><br>
        <textarea id="import_textarea"></textarea>
      </div>

      <div id="shader_rapper">
        <span id="animate_checkbox" class="tool">_ animate</span><br>
        <textarea id="shader_textarea"></textarea>
      </div>
    </div>

  </div>
  <div id="webcam_rapper" class="transparent">
    <span class="close" id="webcam_close">x</span>
    <iframe id="webcam_iframe"></iframe>
  </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.opacity = 1
</script>
<script src="js/util.js"></script>
<script src="js/color.js"></script>
<script src="js/parse.js"></script>
<script src="js/clipboard.js"></script>

<script src="js/lex.js"></script>
<script src="js/matrix.js"></script>
<script src="js/blit.js"></script>
<script src="js/tool.js"></script>
<script src="js/shader.js"></script>
<script src="js/draw.js"></script>

<script src="js/ui/brush.js"></script>
<script src="js/ui/canvas.js"></script>
<script src="js/ui/custom.js"></script>
<script src="js/ui/keys.js"></script>
<script src="js/ui/controls.js"></script>
<script src="js/ui/palette.js"></script>
<script src="js/ui/selection.js"></script>

<script src="js/app.js"></script>