Created
January 2, 2013 04:24
-
-
Save shinaisan/4432166 to your computer and use it in GitHub Desktop.
A minimal example slideshow of reveal.js plus highlight.js written partially in Markdown/Showdown
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Reveal.initialize({ | |
| // Display controls in the bottom right corner | |
| controls: true, | |
| // Display a presentation progress bar | |
| progress: true, | |
| // If true; each slide will be pushed to the browser history | |
| history: true, | |
| // Loops the presentation, defaults to false | |
| loop: false, | |
| // Flags if mouse wheel navigation should be enabled | |
| mouseWheel: true, | |
| // Apply a 3D roll to links on hover | |
| rollingLinks: true, | |
| // UI style | |
| theme: Reveal.getQueryHash().theme || 'default', | |
| // Transition style | |
| transition: Reveal.getQueryHash().transition || 'default', | |
| // Optional libraries used to extend on reveal.js | |
| dependencies: [ | |
| {src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad();}}, | |
| {src: 'plugin/markdown/showdown.js', condition: function() {return !!document.querySelector('[data-markdown]');}}, | |
| {src: 'plugin/markdown/markdown.js', condition: function() {return !!document.querySelector('[data-markdown]');}} | |
| ] | |
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"/> | |
| <title>A minimal example slideshow of reveal.js plus highlight.js written partially in Markdown/Showdown</title> | |
| <link rel="stylesheet" href="css/reveal.css"/> | |
| <link rel="stylesheet" href="css/theme/default.css"/> | |
| <!-- For syntax highlighting --> | |
| <link rel="stylesheet" href="lib/css/zenburn.css"/> | |
| </head> | |
| <body> | |
| <div class="reveal"> | |
| <!-- Any section element inside of this container is displayed as a slide --> | |
| <div class="slides"> | |
| <section data-markdown> | |
| <script type="text/template"> | |
| # H1 element | |
| This slide is written in [Markdown](https://github.com/hakimel/reveal.js#markdown). | |
| </script> | |
| </section> | |
| <section data-markdown> | |
| <script type="text/template"> | |
| ## H2 element | |
| A paragraph... | |
| * Item-1 | |
| * Item-2 | |
| * Item-3 | |
| </script> | |
| </section> | |
| <section> | |
| <section data-markdown> | |
| <script type="text/template"> | |
| ### Highlight (javascript) | |
| <pre class="javascript"><code> | |
| genNodeName: (function() { | |
| var count = 0; | |
| return (function() { | |
| count++; | |
| var newName = "NODE" + count; | |
| return newName; | |
| }); | |
| })() | |
| </code></pre> | |
| </script> | |
| </section> | |
| <section data-markdown> | |
| <script type="text/template"> | |
| ### Highlight (bash) | |
| <pre class="bash"><code> | |
| $ echo "Hello, world!" | |
| $ if [ -e README ]; then | |
| > echo 'README exists.' | |
| > else | |
| > echo "README doesn't exist." | |
| > fi | |
| </code></pre> | |
| </script> | |
| </section> | |
| <section data-markdown> | |
| <script type="text/template"> | |
| Where am I? | |
| </script> | |
| </section> | |
| </section> | |
| <section data-markdown> | |
| <script type="text/template"> | |
| #### H4 element | |
| Another paragraph ... | |
| </script> | |
| </section> | |
| <section> | |
| The end. | |
| </section> | |
| </div> | |
| </div> | |
| <script src="lib/js/head.min.js"></script> | |
| <script src="js/reveal.js"></script> | |
| <script src="reveal-init.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment