diff --git a/index.html b/index.html
index b9862bf..0c9660b 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,16 @@
-
+
+
Space to Start
+
+ MOBILE/MOUSE
+ - TOP start scrolling / reverse scrolling
+ - BOTTOM Next Picture
+ - LEFT Fullscreen
+ - RIGHT Panel Mode
+
+
@@ -43,9 +52,11 @@
I SAUCE or Partymeister info
V Center Small Ascii Vertically
H This help (: Esc Cancel fullscreen
- Tab also works for "info" but browsers hate it, so use 'I'
-
-
+ MOBILE/MOUSE
+ TOP start scrolling / reverse scrolling
+ BOTTOM Next Picture
+ LEFT Fullscreen RIGHT Panel Mode
+
diff --git a/sahli.coffee b/sahli.coffee
index 82ca412..a4cf8a0 100644
--- a/sahli.coffee
+++ b/sahli.coffee
@@ -114,7 +114,7 @@ class @Sahli
@filedata = json.filedata
@slides = json.slides
@location = json.location
- alert "SAHLI READY TO GO\n#{@filedata.length} Entries"
+ alert "SAHLI READY TO GO\n#{@filedata.length} Entries\nH for Help\nSpace to Start"
@loadinfopanel = (index) ->
data = @filedata[index]
@@ -295,11 +295,21 @@ class @Sahli
dcol.width amt
@loadkeys = ->
- $(document).on('dblclick', (ev) =>
- @nextpic()
- )
+
$(document).on('click', (ev) =>
- @setscroll()
+ clickx = ev.clientX
+ clicky = ev.clientY
+ wh = window.innerHeight
+ ww = window.innerWidth
+ if clicky > wh-100
+ @nextpic()
+ if clicky < 100
+ @setscroll()
+ if (clicky > 100 && clicky < wh-100 )
+ if clickx < 100
+ @togglefullscreen()
+ if clickx > ww-100
+ @panelmode()
)
$(document).on('keydown', (ev) =>
switch ev.which
@@ -328,7 +338,7 @@ class @Sahli
when @keycode 'x'
@changescrolldirection 1
when @keycode 'c'
- @panelmode(1)
+ @panelmode()
when @keycode 'i'
$('div.infobox').toggle()
when @keycode 'v'
diff --git a/sahli.css b/sahli.css
index 12186ec..b0a213a 100644
--- a/sahli.css
+++ b/sahli.css
@@ -25,6 +25,7 @@ body {
margin: 0;
text-align: center;
overflow: hidden;
+ font-family: 'microknightplus'
}
.hidden {
diff --git a/sahli.js b/sahli.js
index cd4dcc8..4dd5734 100644
--- a/sahli.js
+++ b/sahli.js
@@ -132,7 +132,7 @@ l__________/__________|___|______l__________j_____j
_this.filedata = json.filedata;
_this.slides = json.slides;
_this.location = json.location;
- return alert("SAHLI READY TO GO\n" + _this.filedata.length + " Entries");
+ return alert("SAHLI READY TO GO\n" + _this.filedata.length + " Entries\nH for Help\nSpace to Start");
};
})(this));
};
@@ -346,14 +346,27 @@ l__________/__________|___|______l__________j_____j
};
Sahli.loadkeys = function() {
- $(document).on('dblclick', (function(_this) {
- return function(ev) {
- return _this.nextpic();
- };
- })(this));
$(document).on('click', (function(_this) {
return function(ev) {
- return _this.setscroll();
+ var clickx, clicky, wh, ww;
+ clickx = ev.clientX;
+ clicky = ev.clientY;
+ wh = window.innerHeight;
+ ww = window.innerWidth;
+ if (clicky > wh - 100) {
+ _this.nextpic();
+ }
+ if (clicky < 100) {
+ _this.setscroll();
+ }
+ if (clicky > 100 && clicky < wh - 100) {
+ if (clickx < 100) {
+ _this.togglefullscreen();
+ }
+ if (clickx > ww - 100) {
+ return _this.panelmode();
+ }
+ }
};
})(this));
return $(document).on('keydown', (function(_this) {
@@ -384,7 +397,7 @@ l__________/__________|___|______l__________j_____j
case _this.keycode('x'):
return _this.changescrolldirection(1);
case _this.keycode('c'):
- return _this.panelmode(1);
+ return _this.panelmode();
case _this.keycode('i'):
return $('div.infobox').toggle();
case _this.keycode('v'):