Vertical Slides



Vertical Slides

0 0


reveal_talk

A small talk about creating web-based presentations with the reveal.js framework

On Github webplatformz / reveal_talk

WELCOME TO THE DEMO
Isabel Züger & Ben Millo

Ursprung

Splash page to start a chapter
with subtitle
Splash with full bg image

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

                        
                            <section data-title="First Page with Header" class='left'>
                        
                    

presentation.css:

                        
                            span#zuehlke-header:before { content: "Demo - "; font-weight: normal; color: #dddddd; }
                        
                    

Print your presentation

This is easy: use the suffix ?print-pdf in the address bar to enter print mode

Speaker notes

Press 's' on the keyboard

Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).

Image with nice shadow effect:

                    
                        
                

Destkop vs. Phone vs. Tablet

see presentation.js for code and help yourself with chartjs

Mobile Devices

Apple 71%

Samsung 18%

HTC 2%

Sony 1.5%

Nokia 0.8%

Vertical Slides

Slides can be nested inside of other slides, try pressing down.

Basement Level 1

Press down or up to navigate.

Basement Level 2

That's it, time to go back up.

Point of View

Press ESCto enter the slide overview.

Hold down alt and click on any element to zoom in on it using zoom.js. Alt + click anywhere to zoom back out.

More, more and more...

Cool Mode: {{coolMode}}
REST URL
   Help   
 
Get Response

Angular Material Examples

RGB      

R
G
B

Angular Material Examples

Remove Tab
Splash with full bg image
Splash with full bg image
Splash with full bg image
Splash with full bg image
Splash with full bg image
Parallax End