mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-26 06:24:28 +02:00
Code Issues Releases Wiki Activity

key navigation

Browse Source
This commit is contained in:
José Luis Antúnez
2017-03-20 15:15:57 +01:00
committed by GitHub
parent 94efbda6be
commit 47b714d60b
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
README.md
View File

@@ -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. - Fonts: Roboto, Maitree (Serif), and San Francisco.
- Vertical rhythm (use multiples of 8). - 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 ## Markup
- Code is clean and scalable. It uses intuitive markup with popular naming conventions. There's no need to overuse classes or nesting. - 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`... - Cards: `.card-50`, `.card-40`...
- Flexible Blocks: `.flexblock.clients`, `.flexblock.metrics`... - 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 ### Extensions