Created by Jenny Pletner / @jpletner
Questions?
Note - these two videos will guide you through the Grunt install: Grunt JS Install Video 1 | Grunt JS Install Video 2
Slide Over: Press ESC to enter the slide overview.
Zoom: Hold down alt and click on any element to zoom in on it using zoom.js. Alt + click anywhere to zoom back out.
Fullscreen mode: Press »F« on your keyboard to show your presentation in fullscreen mode.
Pause: Press B or . on your keyboard to pause the presentation.
def self.all
results = DB.exec("SELECT * FROM tasks;")
tasks = []
results.each do |result|
name = result['name']
list_id = result['list_id'].to_i
tasks << Task.new(name, list_id)
end
tasks
end
Code syntax highlighting courtesy of highlight.js.
def method_name do
enter code here
end
Slides can be nested inside of each other.
Use the Space key to navigate through all slides.
Nested Slide #1
Nested Slide #2
Nested Slide #3
Nested slides are useful for adding additional detail underneath a high level horizontal slide.
That's it, time to go back up.
Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides. Even use pinch and slide to zoom in & out.
Hit the next arrow...
... to step through ...
... a fragmented slide.
Fragment 1
Fragment 2
Fragment 3
grow
grow
shrink
grow
fade-out
grow
now you see it
grow
highlight-red
grow
You can select from different transitions, like:
None -
Fade -
Slide -
Convex -
Concave -
Zoom
transition: 'default', // none/fade/slide/convex/concave/zoom
Set data-background="#dddddd"
on a slide to change the background color. All CSS color formats are supported.
<section data-background="#dddddd">
<section data-background="goatsinatree.png">
<section data-background="tiledimage.png" data-background-repeat="repeat" data-background-size="100px">
<section data-background-video="video.mp4,video.webm">
You can override background transitions per-slide.
<section data-background-transition="zoom">
reveal.js comes with a few themes built in:
Black (default) -
White -
League -
Sky -
Beige -
Simple
Serif -
Blood -
Night -
Moon -
Solarized -
Jenny(custom)
- List item #1
- List item #2
- List item #3
- List item #1
- List item #2
- List item #3
Item | Value | Quantity |
---|---|---|
Apples | $1 | 7 |
Lemonade | $2 | 18 |
Bread | $3 | 2 |
Row 1
Row 2
Row 3
These guys come in two forms, inline:
“The nice thing about standards is that there are so many to choose from”
Inline quote goes here
and block:
“For years there has been a theory that millions of monkeys typing at random on millions of typewriters would reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.”
Block quote goes here
There's a speaker view. It includes a timer, preview of the upcoming slide as well as your speaker notes.
Press the S key to try it out.
The last step to make the presentation work is by adding the following configuration:
Full list of configuration options available at: github.com/hakimel/reveal.js#configuration