diff --git a/index.html b/index.html
index 740ec4d..b62fd06 100644
--- a/index.html
+++ b/index.html
@@ -17,31 +17,33 @@
-
-
Sahli Key Help
-
- - F Fullscreen
- - Space Next Picture
- - S Begin scroll | Reverse scroll direction
- - T Ascii text rendered as text/graphics toggle
- - U Show picture info
- - 12345 Alter scrollspeed (slow -> fast)
- - ., Double / Halve scrollspeed
- - Scrollspeed doesn't change while scrolling.
- - IK Double / Halve image size
- - OL Full browser width / height
- - P Reset size to original
- - BackspaceD Cancel scrolling
- - UpDownPageupPagedown Move about by line/page
- - HomeEnd Move to top/bottom
- - H This help (: Esc Cancel fullscreen
- - Tab also works for "info" but browsers hate it, so use 'U'
-
+
+
+
Sahli Key Help
+
+ - F Fullscreen
+ - Space Next Picture
+ - S Start or Reverse scrolling
+ - X Begin scrolling downward
+ - W Begin scrolling upward
+ - A Stop scrolling
+
+ - T Jump to Top of picture (resets zoom)
+ - B Jump to Bottom
+ - 12345 Alter scrollspeed (fast -> slow)
+ - Z Zoom full width
+ - ER Zoom in steps larger/smaller
+ - C "panel" view toggle
+ - UpDownPageupPagedown Move about by line/page
+ - HomeEnd Move to top/bottom (no zoom reset)
+ - H This help (: Esc Cancel fullscreen
+ - Tab also works for "info" but browsers hate it, so use 'U'
+
+
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
+}