From ccaa6a4d7106ad1cac89c6db743089108bd5739e Mon Sep 17 00:00:00 2001
From: Jules <jules@asdf.us>
Date: Tue, 22 Mar 2016 11:59:39 -0400
Subject: documentation page

---
 css/sally.css  |  2 +-
 doc/index.html | 31 +++++++++++++++++++++++++++++++
 doc/tips.txt   | 15 +++++++++++++++
 index.html     |  1 +
 4 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 doc/index.html
 create mode 100644 doc/tips.txt

diff --git a/css/sally.css b/css/sally.css
index f360b0c..f4cc884 100644
--- a/css/sally.css
+++ b/css/sally.css
@@ -107,7 +107,7 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color:
 #workspace_rapper { width: 100%; }
 
 .loading .vertical #ui_rapper { clear: none }
-.vertical #ui_rapper { width: 300px; float: left; clear: none; }
+.vertical #ui_rapper { width: 320px; float: left; clear: none; }
 .vertical .rapper, .vertical .block { float: left; }
 .vertical #canvas_rapper,
 .vertical #canvas_rapper div,
diff --git a/doc/index.html b/doc/index.html
new file mode 100644
index 0000000..7fd6465
--- /dev/null
+++ b/doc/index.html
@@ -0,0 +1,31 @@
+<!-- http://jollo.org/licensing/public/LNT-1.txt -->
+<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" />
+<link rel="stylesheet" href="http://jollo.org/assets/jibber/css/nitelite.css" type="text/css" charset="utf-8" />
+<style>
+body { font-family: 'FixedsysExcelsior301Regular'; }
+a:nth-of-type(2n+1), a { color: #0f0; }
+a:nth-of-type(2n+2), a { color: #ff0; }
+</style>
+
+<br><br>
+<center>
+
+<table border=35 cellpadding=10>
+<tr><td style="background: rgba(0,0,100,0.5)">
+<h1>asdf.us/ascii documentation</h1>
+
+<span style="white-space: pre; color: white;">
+These are some handy documents which address some of the more obscure features of
+the asdf.us color code tool:
+
+* <a href="tips.txt">tips.txt</a> - Tips on using the keyboard
+* <a href="shadetut.txt">shadetut.txt</a> - A brief tutorial on ASCII shaders.
+* <a href="shaderz.txt">shaderz.txt</a> - Some cool ASCII shaders for you to try.
+* <a href="irssi.txt">irssi.txt</a> - Instructions on using IRSSI to make color codes.
+
+For more information on IRC, Color Codes, and much more, visit the <a href="http://jollo.org/LNT/doc/">documentation sitemap</a> for the <a href="http://jollo.org/">Jollo IRC Network</a>.
+
+<a href="/ascii/">asdf.us/ascii</a>
+
diff --git a/doc/tips.txt b/doc/tips.txt
new file mode 100644
index 0000000..cdf2dd8
--- /dev/null
+++ b/doc/tips.txt
@@ -0,0 +1,15 @@
+asdf.us/ascii tips
+==================
+
+These keyboard commands work in brush mode (square, circle, cross):
+
+[                          brush smaller
+]                          brush bigger
+ctrl~click on brush        erase cell
+ctrl~click on canvas       draw with bg color
+shift~click on canvas      draw line from last position
+alt~click on canvas        fill brush with sampled color
+alt~shift~click on canvas  copy canvas to brush
+
+h/t timb for guide
+
diff --git a/index.html b/index.html
index d00dc06..ee9b646 100644
--- a/index.html
+++ b/index.html
@@ -52,6 +52,7 @@
         <span id="load_el" class="tool">load</span>
         <span id="save_el" class="tool">save</span>
         <span id="clear_el" class="tool">new</span>
+        <a href="http://asdf.us/ascii/doc/" target="_blank">doc</a>
         <a href="http://asdf.us/im/gallery/?tag=ascii" target="_blank">gallery</a>
         <br>
       </div>
-- 
cgit v1.2.3-70-g09d2