a37723fd82
This demo presentation is written entirely in Markdown, as provided by the combination of the extras plugin, and extras/markdown/markdown.js The idea for using Markdown instead of HTML came from users who felt that sometimes when you just need to quickly toss together some slides, using Markdown is faster than HTML. Same approach is also familiar to Hovercraft users, where RST is converted to a traditional HTML based impress.js presentation. Unlike Hovercraft, using Markdown.js allows you to write Markdown directly into your html file that is the presentation. It is converted in the browser, and no separate command line tool is necessary. As a result you can also mix and match: some slides can be HTML (when needed) and some in Markdown.
42 lines
640 B
CSS
42 lines
640 B
CSS
/***** Menu where this style is selected *****/
|
|
.effects .css-menu-effects {
|
|
border: solid 1px #aaaaaa;
|
|
}
|
|
|
|
/***** Presentation *****/
|
|
|
|
body.effects {
|
|
font-family: 'PT Sans', sans-serif;
|
|
min-height: 740px;
|
|
|
|
background: #dde5dd;
|
|
}
|
|
|
|
.effects .step {
|
|
}
|
|
|
|
|
|
/* Color effect. */
|
|
.effects .past > *,
|
|
.effects .future > * {
|
|
color: inherit;
|
|
transition: 3s;
|
|
}
|
|
.effects .present > * {
|
|
color: rgb(200, 102, 102);
|
|
transition: 3s;
|
|
}
|
|
|
|
/* Fly right */
|
|
|
|
.effects .past h1,
|
|
.effects .future h1 {
|
|
transform: scale(3);
|
|
transition: 1s;
|
|
}
|
|
.effects .present h1 {
|
|
transform: scale(1);
|
|
transition: 1s;
|
|
}
|
|
|