Add demo presentation: examples/markdown
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.
This commit is contained in:
47
examples/markdown/css/devopsy.css
Normal file
47
examples/markdown/css/devopsy.css
Normal file
@@ -0,0 +1,47 @@
|
||||
/***** Menu where this style is selected *****/
|
||||
.devopsy .css-menu-devopsy {
|
||||
border: solid 1px #aaaaaa;
|
||||
}
|
||||
|
||||
|
||||
/***** Presentation *****/
|
||||
|
||||
body.devopsy {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.devopsy .step {
|
||||
color: #ffff00;
|
||||
}
|
||||
|
||||
/***** Styles *****/
|
||||
.devopsy h1,
|
||||
.devopsy h2,
|
||||
.devopsy h3 {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.devopsy a {
|
||||
color: #00ffff;
|
||||
}
|
||||
|
||||
.devopsy blockquote {
|
||||
text-shadow: 3px 3px 3px rgba(255, 100, 0, .7);
|
||||
}
|
||||
|
||||
.devopsy em {
|
||||
text-shadow: 3px 3px 3px rgba(255, 100, 0, .7);
|
||||
}
|
||||
|
||||
.devopsy strong {
|
||||
text-shadow: 3px 3px 3px rgba(255, 100, 0, .7);
|
||||
}
|
||||
|
||||
.devopsy q {
|
||||
text-shadow: 3px 3px 3px rgba(255, 100, 0, .7);
|
||||
}
|
||||
|
||||
.devopsy strike {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user