aboutsummaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2012-11-10 11:40:19 -0500
committerHakim El Hattab <hakim.elhattab@gmail.com>2012-11-10 11:40:19 -0500
commitc79376dab2998cdaf906bb281ae4fc220e2a2e3a (patch)
tree7fd3792129b687d45fea2f962cc0f1fd6ef140f5 /README.md
parentdf4e1fd346558adafc6decc96ec9366d720d6896 (diff)
downloadfreenode-live-2017-presentation-c79376dab2998cdaf906bb281ae4fc220e2a2e3a.tar
freenode-live-2017-presentation-c79376dab2998cdaf906bb281ae4fc220e2a2e3a.tar.gz
allow multiple control elements, document usage of global controls (#184, #204)
Diffstat (limited to 'README.md')
-rw-r--r--README.md13
1 files changed, 13 insertions, 0 deletions
diff --git a/README.md b/README.md
index 4cb15eb..ef3e406 100644
--- a/README.md
+++ b/README.md
@@ -186,6 +186,19 @@ It's easy to link between slides. The first example below targets the index of a
<a href="#/2/2">Link</a>
<a href="#/some-slide">Link</a>
```
+
+You can also add relative navigation links, similar to the built in reveal.js controls, by appending one of the following classes on any element. Note that each element is automatically given an ```enabled``` class when its a valid navigation route based on the current slide.
+
+```html
+<a href="#" class="navigate-left">
+<a href="#" class="navigate-right">
+<a href="#" class="navigate-up">
+<a href="#" class="navigate-down">
+<a href="#" class="navigate-prev"> <!-- Previous vertical slide or horizontal slide -->
+<a href="#" class="navigate-next"> <!-- Next vertical or horizontal slide -->
+```
+
+
### Fullscreen mode
Just press »F« on your keyboard to show your presentation in fullscreen mode. Press the »ESC« key to exit fullscreen mode.