From 4f2f5dc5580359bba21150af3ce5d34ad14b3ab4 Mon Sep 17 00:00:00 2001
From: Julie Lala <jules@okfoc.us>
Date: Sun, 30 Nov 2014 16:26:41 -0500
Subject: export to ascii / mirc / irssi

---
 index.html | 57 +++++++++++++++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 22 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index ec39e73..bfd8b27 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,10 @@ 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>
 
@@ -25,31 +28,41 @@ body { transition: 0.1s linear; }
     <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>
+    	<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>
 
-      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>
+			<textarea id="shader_textarea"></textarea>
     </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">
 
-- 
cgit v1.2.3-70-g09d2