add code slide to markdown example #682

This commit is contained in:
Hakim El Hattab 2013-11-07 08:03:22 -05:00
parent 6afec76bf0
commit e7e941b663
1 changed files with 19 additions and 3 deletions

View File

@ -8,6 +8,8 @@
<link rel="stylesheet" href="../../css/reveal.css"> <link rel="stylesheet" href="../../css/reveal.css">
<link rel="stylesheet" href="../../css/theme/default.css" id="theme"> <link rel="stylesheet" href="../../css/theme/default.css" id="theme">
<link rel="stylesheet" href="../../lib/css/zenburn.css">
</head> </head>
<body> <body>
@ -66,6 +68,22 @@
</script> </script>
</section> </section>
<!-- Code -->
<section>
<section data-markdown>
<script type="text/template">
```php
public function foo()
{
$foo = array(
'bar' => 'bar'
)
}
```
</script>
</section>
</section>
</div> </div>
</div> </div>
@ -80,14 +98,12 @@
history: true, history: true,
center: true, center: true,
theme: Reveal.getQueryHash().theme,
transition: Reveal.getQueryHash().transition || 'default',
// Optional libraries used to extend on reveal.js // Optional libraries used to extend on reveal.js
dependencies: [ dependencies: [
{ src: '../../lib/js/classList.js', condition: function() { return !document.body.classList; } }, { src: '../../lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: 'marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'markdown.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' } { src: '../notes/notes.js' }
] ]
}); });