Impressor
1/35
Impressor is a tool for generating impress.js presentations
2/35
What does Impressor do?
- It generates interesting looking presentations in a snap
- It lets you write your slides in simple markdown
- It gives you slide templates for both slide style and slide placement
3/35
What do the different slide placement templates look like?
4/35
Slides can be behind other slides
5/35
Slides can be under other slides
6/35
Slides can be Rotated
7/35
And Slides can be reset back to the base line
8/35
Slides can also be in different colors
9/35
Blue
10/35
Red
11/35
Or with background images
12/35
Slides can even have no background
13/35
Slides can be hidden until they are selected
14/35
What do the slide format templates look like
15/35
This is a slide with large text
16/35
Slides with multiple sections
- These slides work well with lists on them
And multiple topics
With multiple bits of information
17/35
And the default styling
18/35
All these slide styles and types can be mixed and matched
19/35
There are also default text styles
20/35
Text Stylings
- Tiny Text
- Notes
Code sections
This could be some code
Or anything else you want monospaced
21/35
Animated Stylings
- Positioning
- Scaling
- Rotating 90 degrees
22/35
Using Images
23/35
You can also manually place slides
24/35
Either with absolute distances
25/35
or relative distances
26/35
And back to normal
27/35
Now with Graphs
28/35
Bar graphs
29/35
Line graphs
30/35
Donut graphs
31/35
Customizable Template Files
- HTML Template -
templates/template.html - Slide templates -
templates/types.json - CSS Styles -
show/styles.css
32/35
Example Slides
=== {"styles": ["notslide", "just_title"]}
# A simple slide show
=== {"styles": ["just_title"]}
# A single slide
=== {"type":"under"}
some interesting content
33/35
This presentation's source: slides.md
34/35