From 47b714d60b10b0ac4fb357e223705c5edb720688 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Luis=20Ant=C3=BAnez?= Date: Mon, 20 Mar 2017 15:15:57 +0100 Subject: [PATCH] key navigation --- README.md | 27 +++++++++++++-------------- 1 file changed, 13 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index f8b6163..c00bc57 100644 --- a/README.md +++ b/README.md @@ -28,20 +28,6 @@ Good karma and productivity. Just a basic knowledge of HTML and CSS is required. - Fonts: Roboto, Maitree (Serif), and San Francisco. - Vertical rhythm (use multiples of 8). -### Key Navigation - -There's a handful of keys that can be used to achieve navigation within WebSlides. Here's the list: - -* `←`: If WebSlides is not vertical, it will go to the previous slide. -* `→`: If WebSlides is not vertical, it will go to the next slide. -* `↑`: If WebSlides is vertical, it will go to the previous slide. -* `↓`: If WebSlides is vertical, it will go to the next slide. -* `Page Up`: Go to the previous slide. -* `Page Down`: Go to the next slide. -* `Space`: Go to the next slide. -* `Home`: Go to the first slide. -* `End`: Go to the last slide. - ## Markup - Code is clean and scalable. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. @@ -94,6 +80,19 @@ webslides/ - Cards: `.card-50`, `.card-40`... - Flexible Blocks: `.flexblock.clients`, `.flexblock.metrics`... +### Key Navigation + +There's a handful of keys that can be used to achieve navigation within WebSlides. Here's the list: + +* `←`: If WebSlides is not vertical, it will go to the previous slide. +* `→`: If WebSlides is not vertical, it will go to the next slide. +* `↑`: If WebSlides is vertical, it will go to the previous slide. +* `↓`: If WebSlides is vertical, it will go to the next slide. +* `Page Up`: Go to the previous slide. +* `Page Down`: Go to the next slide. +* `Space`: Go to the next slide. +* `Home`: Go to the first slide. +* `End`: Go to the last slide. ### Extensions