add code slide to markdown example #682
authorHakim El Hattab <hakim.elhattab@gmail.com>
Thu, 7 Nov 2013 13:03:22 +0000 (08:03 -0500)
committerHakim El Hattab <hakim.elhattab@gmail.com>
Thu, 7 Nov 2013 13:03:22 +0000 (08:03 -0500)
plugin/markdown/example.html

index 0b07aa59adc007fc1abfd8a67fa563867580db33..522d8ac0d1a98c60b05d40b35c19d763cbdc0c83 100644 (file)
@@ -8,6 +8,8 @@
 
                <link rel="stylesheet" href="../../css/reveal.css">
                <link rel="stylesheet" href="../../css/theme/default.css" id="theme">
+
+        <link rel="stylesheet" href="../../lib/css/zenburn.css">
        </head>
 
        <body>
                     </script>
                 </section>
 
+                <!-- Code -->
+                <section>
+                    <section data-markdown>
+                        <script type="text/template">
+                            ```php
+                            public function foo()
+                            {
+                                $foo = array(
+                                    'bar' => 'bar'
+                                )
+                            }
+                            ```
+                        </script>
+                    </section>
+                </section>
+
             </div>
                </div>
 
                                history: true,
                                center: true,
 
-                               theme: Reveal.getQueryHash().theme,
-                               transition: Reveal.getQueryHash().transition || 'default',
-
                                // Optional libraries used to extend on reveal.js
                                dependencies: [
                                        { src: '../../lib/js/classList.js', condition: function() { return !document.body.classList; } },
                                        { src: 'marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
                     { src: 'markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+                    { src: '../highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
                                        { src: '../notes/notes.js' }
                                ]
                        });