diff --git a/assets/css/sally.css b/assets/css/sally.css
index a82728e..596d576 100644
--- a/assets/css/sally.css
+++ b/assets/css/sally.css
@@ -17,7 +17,6 @@ body {
          url('../fonts/fsex300-webfont.woff') format('woff'),
          url('../fonts/fsex300-webfont.ttf') format('truetype'),
          url('../fonts/fsex300-webfont.svg#FixedsysExcelsior301Regular') format('svg');
-    font-weighmal;
     font-style: normal;
 }
 
@@ -158,7 +157,6 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color:
   position:absolute;
   margin-top: -1px;
   top:-999px;left:-999px;
-  pointer-events: none;
 }
 .selector_el.dragging {
   color: #0f0;
diff --git a/index.html b/index.html
index 1f6148b..dc71b08 100644
--- a/index.html
+++ b/index.html
@@ -1,100 +1,113 @@
-<!doctype html>
-<html>
-<head>
-<meta charset="UTF-8">
-<title>asciiblaster v1.0.6</title>
-<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes" />
-<link rel="stylesheet" href="assets/css/sally.css" type="text/css" charset="utf-8" />
-<link rel="stylesheet" href="assets/css/ak.css" type="text/css" charset="utf-8" />
-</head>
-
-<body class="loading panke">
-
-  <div id="workspace_rapper">
-    <div id="canvas_rapper" class="rapper"></div>
-  </div>
-
-  <div id="ui_rapper">
-    <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>
+<?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/sally.css" rel="stylesheet" type="text/css" />
+    <link charset="utf-8" href="assets/css/ak.css" rel="stylesheet" type="text/css" />
+    <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 id="brush_container" class="block">
-      <div id="brush_rapper">
+    <!-- }}} -->
+    <!-- {{{ 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>
-      <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 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 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: 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 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"></textarea>
+      <!-- }}} -->
+      <!-- {{{ 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>
-  </div>
-
-  <input type="text" id="cursor_input">
-
-</body>
-<script src="assets/js/util.js"></script>
-<script src="assets/js/unicode.js"></script>
-<script src="assets/js/color.js"></script>
-<script src="assets/js/clipboard.js"></script>
-<script src="assets/js/lex.js"></script>
-<script src="assets/js/matrix.js"></script>
-<script src="assets/js/gfx.js"></script>
-<script src="assets/js/ui/tool.js"></script>
-<script src="assets/js/gfx.js"></script>
-
-<script src="assets/js/ui/brush.js"></script>
-<script src="assets/js/ui/canvas.js"></script>
-<script src="assets/js/ui/keys.js"></script>
-<script src="assets/js/ui/controls.js"></script>
-<script src="assets/js/ui/paletters.js"></script>
-<script src="assets/js/ui/selection.js"></script>
-<script src="assets/js/ui/transform.js"></script>
-
-<script src="assets/js/app.js"></script>
+    <!-- }}} -->
+    <!-- }}} -->
+    <!-- {{{ 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>
 
 <!--
