summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorJulie Lala <jules@okfoc.us>2014-11-29 19:02:35 -0500
committerJulie Lala <jules@okfoc.us>2014-11-29 19:02:35 -0500
commit698f2aa71ffc1b9e56193c13e6366765134152c9 (patch)
tree072b8e049870877f189135e3a2398387ae6f96fa /index.html
parent05d359b6cdabc42025881e0a39c00995d8a29394 (diff)
formalizing import/export stuff
Diffstat (limited to 'index.html')
-rw-r--r--index.html61
1 files changed, 37 insertions, 24 deletions
diff --git a/index.html b/index.html
index 9de3d1b..ec39e73 100644
--- a/index.html
+++ b/index.html
@@ -17,34 +17,47 @@ body { transition: 0.1s linear; }
<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>
- 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>
+ <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>
+ <span id="import_el" class="tool">import</span>
+ <span id="export_el" class="tool">export</span>
+
+ 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">
+ <span id="animate_checkbox" class="tool">_ animate</span>
+ </div>
+ <textarea id="shader_textarea"></textarea>
+ </div>
+
+ <div id="import_rapper">
+ <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>
+ <button id="import_button">import</button>
+ <button id="export_button">export</button>
+ <textarea id="import_textarea" cols=80 rows=24></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>