From 9d1d6c9f6f5fb326be8a1e2dfd8dad67194bf7ca Mon Sep 17 00:00:00 2001
From: Iam Naughton Phier <truck@notonfire.co.uk>
Date: Sat, 21 Feb 2015 17:04:28 +0200
Subject: [PATCH] help centered again, help rewritten

---
 index.html   | 44 +++++++++++++++++++++++---------------------
 sahli.coffee |  3 +++
 sahli.css    |  6 ++++--
 3 files changed, 30 insertions(+), 23 deletions(-)
diff --git a/index.html b/index.html
index 740ec4d..b62fd06 100644
--- a/index.html
+++ b/index.html
@@ -17,31 +17,33 @@
     <meta charset='UTF-8' />
   </head>
   <body>
-  <h1 id='top' class='hidden'>Sahli Debug</h1>
   <div id="outbox">
     <div id='sahliviewer'><hr></div>
   </div>
 
-  <div class="help hidden">
-    <h1>Sahli Key Help</h1>
-    <ul class="keylist">
-      <li><span class="key">F</span> Fullscreen</li>
-      <li><span class="key">Space</span> Next Picture</li>
-      <li><span class="key">S</span> Begin scroll | Reverse scroll direction</li>
-      <li><span class="key">T</span> Ascii text rendered as text/graphics toggle</li>
-      <li><span class="key">U</span> Show picture info</li>
-      <li><span class="key">1</span><span class="key">2</span><span class="key">3</span><span class="key">4</span><span class="key">5</span> Alter scrollspeed (slow -> fast)</li>
-      <li><span class="key">.</span><span class="key">,</span> Double / Halve scrollspeed</li>
-      <li class='nodot'><b>Scrollspeed doesn't change while scrolling.</b></li>
-      <li><span class="key">I</span><span class="key">K</span> Double / Halve image size </li>
-      <li><span class="key">O</span><span class="key">L</span> Full browser width / height</li>
-      <li><span class="key">P</span> Reset size to original</li>
-      <li><span class="key">Backspace</span><span class="key">D</span> Cancel scrolling</li>
-      <li><span class="key">Up</span><span class="key">Down</span><span class="key">Pageup</span><span class="key">Pagedown</span> Move about by line/page</li>
-      <li><span class="key">Home</span><span class="key">End</span> Move to top/bottom</li>
-      <li><span class="key">H</span> This help (:  <span class="key">Esc</span> Cancel fullscreen</li>
-      <li class='nodot'><b>Tab also works for "info" but browsers hate it, so use 'U'</b></li>
-    </ul>
+  <div align="center">
+    <div class="help hidden">
+      <h1>Sahli Key Help</h1>
+      <ul class="keylist">
+        <li><span class="key">F</span> Fullscreen</li>
+        <li><span class="key">Space</span> Next Picture</li>
+        <li><span class="key">S</span> Start or Reverse scrolling</li>
+        <li><span class="key">X</span> Begin scrolling downward</li>
+        <li><span class="key">W</span> Begin scrolling upward</li>
+        <li><span class="key">A</span> Stop scrolling</li>
+
+        <li><span class="key">T</span> Jump to Top of picture (resets zoom)</li>
+        <li><span class="key">B</span> Jump to Bottom</li>
+        <li><span class="key">1</span><span class="key">2</span><span class="key">3</span><span class="key">4</span><span class="key">5</span> Alter scrollspeed (fast -> slow)</li>
+        <li><span class="key">Z</span> Zoom full width</li>
+        <li><span class="key">E</span><span class="key">R</span> Zoom in steps larger/smaller</li>
+        <li><span class="key">C</span> "panel" view toggle</li>
+        <li><span class="key">Up</span><span class="key">Down</span><span class="key">Pageup</span><span class="key">Pagedown</span> Move about by line/page</li>
+        <li><span class="key">Home</span><span class="key">End</span> Move to top/bottom (no zoom reset)</li>
+        <li><span class="key">H</span> This help (:  <span class="key">Esc</span> Cancel fullscreen</li>
+        <li class='nodot'><b>Tab also works for "info" but browsers hate it, so use 'U'</b></li>
+      </ul>
+    </div>
   </div>
 
   <div class="infobox hidden">
diff --git a/sahli.coffee b/sahli.coffee
index 01ef320..63cfa52 100644
--- a/sahli.coffee
+++ b/sahli.coffee
@@ -275,6 +275,9 @@ class @Sahli
           @scroll_speed = 4
         when @keycode '5'
           @changespeed 5
+        when @keycode 'h'
+          $('.help').css {'left':'33%'}
+          $('.help').toggle 'fast'
         else
           console.log ev.which
       )
diff --git a/sahli.css b/sahli.css
index 238b309..e0d7822 100644
--- a/sahli.css
+++ b/sahli.css
@@ -44,7 +44,8 @@ h6 {
 .help {
     position: fixed;
     top: 1em;
-    left: 50em;
+    left: '33%';
+    text-align: left;
     background-color: lightgrey;
     border: outset darkgray;
     -webkit-border-radius: 8;
@@ -52,6 +53,7 @@ h6 {
     border-radius: 8;
     font-family: topaz1200,mOsOul, Consolas, monospace;
     opacity: .85;
+    width: '33%'
 }
 
 .keylist {
@@ -200,4 +202,4 @@ p.infobox {
 .blockzone, .pcansifont {
     font-family: 'blockzone';
     text-align: left;
-}
\ No newline at end of file
+}
