Make help more visible.

diff --git a/simpleWebSlides.js b/simpleWebSlides.js
index c63bf25..36325ef 100644 (file)
--- a/simpleWebSlides.js
+++ b/simpleWebSlides.js
@@ -60,6 +60,7 @@ SWS.Templates = new function () {
     self.helpPanel = "<div id='sws-help-panel-canvas'>\
 <h1>Keyboard shortcuts</h1>\
 <table>\
+<tr ><td style='color:#f55;'>h</td><td style='color:#f55;'> toggle help</td></tr>\
 <tr><td>c</td><td> toggle the control panel</td></tr>\
 <tr><td>Left, PgUp,swipe left</td><td> previous step</td></tr>\
 <tr><td>Right, PgDown, Space, swipe right</td><td> next step</td></tr>\
@@ -67,7 +68,6 @@ SWS.Templates = new function () {
 <tr><td>n</td><td> next slide</td></tr>\
 <tr><td>Home</td><td> first slide</td></tr>\
 <tr><td>End</td><td> last slide</td></tr>\
-<tr><td>h</td><td> toggle help</td></tr>\
 </table>\
 </div>";
     self.controlPanel = "<div id='sws-control-panel-canvas'><div id='sws-control-panel'>\
@@ -588,7 +588,6 @@ SWS.Presentation = new function () {
         default:
             return;
         };
-
         switch (code) {
         case 36:/* Home */
             self.setCurrentSlide(self.firstSlide());