[talks/demo] Added key bindings slide and removed beginning pipes from code blocks

1 files changed, 71 insertions, 52 deletions

diff --git a/src/talks/demo/index.md b/src/talks/demo/index.md
index 6ba61f5..ebe95bb 100644
--- a/src/talks/demo/index.md
+++ b/src/talks/demo/index.md
@@ -9,7 +9,7 @@ This is a small presentation, explaining how my custom system for making present
 # My presentation system
 &&font18 *Syndamia AT [syndamia.com](https://syndamia.com)* &&/font
 
-Before we go any further, click the **icon, next to the printer** above this rectangle, to the left.
+Before we go any further, click the **icon in the middle** right above this rectangle, to the left.
 
 Now the presentation should fill out the entire page. On the bottom right are your controls.
 
@@ -19,6 +19,25 @@ Press the *right arrow* in the controls to go to the next slide.
 
 
 
+&&slide &&font27
+
+# Key bindings
+
+&&lineb3
+
+|Action              |Keyboard keys                                    |
+|--------------------|-------------------------------------------------|
+|Go to previous slide| Backspace, Page up, Left arrow, Up arrow        |
+|Go to next slide    | Space, Enter, Page down, Right arrow, Down arrow|
+|Toggle presenting   | P, T                                            |
+|Stop presenting     | Esc                                             |
+|Go to first slide   | Home                                            |
+|Go to last slide    | End                                             |
+
+&&/font &&/slide
+
+
+
 &&slide
 
 # Introduction
@@ -115,31 +134,31 @@ Maybe this should be changed?
 The source Markdown for the predvious slide (without the pipes to the left) is:
 
 ```
-|      &&slide
-|      
-|      &&font18 Font-size 18px &&/font
-|      &&font20 Font-size 20px &&/font &&font22 Font-size 22px &&/font &&font25 Font-size 25px &&/font
-|      Font-size 30px (default)
-|      &&font35 Font-size 35px &&/font
-|      
-|      &&lineb5
-|      
-|      &&fright
-|      This text is floated to the right
-|      &&/fright
-|      
-|      &&lineb2
-|      
-|      &&centered While this one is centered &&/centered
-|      
-|      &&lineb2
-|      
-|      &&fright Floated right<br>Floated right<br>Floated right &&/fright
-|      
-|      But you may realize that text floated to the right will make other text wrap around it!
-|      Maybe this should be changed?
-|      
-|      &&/slide
+&&slide
+
+&&font18 Font-size 18px &&/font
+&&font20 Font-size 20px &&/font &&font22 Font-size 22px &&/font &&font25 Font-size 25px &&/font
+Font-size 30px (default)
+&&font35 Font-size 35px &&/font
+
+&&lineb5
+
+&&fright
+This text is floated to the right
+&&/fright
+
+&&lineb2
+
+&&centered While this one is centered &&/centered
+
+&&lineb2
+
+&&fright Floated right<br>Floated right<br>Floated right &&/fright
+
+But you may realize that text floated to the right will make other text wrap around it!
+Maybe this should be changed?
+
+&&/slide
 ```
 
 &&/font &&/slide
@@ -180,32 +199,32 @@ So you can very easily put images next to your text
 The source Markdown for the predvious slide (without the pipes to the left) is:
 
 ```
-|      &&clide &&table
-|      
-|      You can also easily tabularize
-|      
-|      &&cont &&fright
-|      
-|      - List Element 1
-|      - List Element 2
-|      
-|      &&/fright &&/cont
-|      
-|      &&tarow
-|      
-|      **any** sort of content
-|      
-|      &&/table
-|      
-|      &&lineb1
-|      
-|      &&ftable
-|      
-|      So you can very easily put images next to your text
-|      
-|      &&centered ![](/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.png =120x) &&/centered
-|      
-|      &&/table &&/clide
+&&clide &&table
+
+You can also easily tabularize
+
+&&cont &&fright
+
+- List Element 1
+- List Element 2
+
+&&/fright &&/cont
+
+&&tarow
+
+**any** sort of content
+
+&&/table
+
+&&lineb1
+
+&&ftable
+
+So you can very easily put images next to your text
+
+&&centered ![](/tutorials/fix-no-frame-buffer-plan9/img/rio-default-login.png =120x) &&/centered
+
+&&/table &&/clide
 ```
 
 &&/font &&/slide