Skip to content
Snippets Groups Projects
Commit f9f17be0 authored by Hakim El Hattab's avatar Hakim El Hattab
Browse files

merge external markdown support, move example to plugin (#329)

parent 3321e8b6
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
index-markdown.html → plugin/markdown/example.html
+ 97
− 0
View file @ f9f17be0
...@@ -4,47 +4,31 @@ ...@@ -4,47 +4,31 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>reveal.js - The HTML Presentation Framework</title> <title>reveal.js - Markdown Demo</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML"> <link rel="stylesheet" href="../../css/reveal.css">
<meta name="author" content="Hakim El Hattab"> <link rel="stylesheet" href="../../css/theme/default.css" id="theme">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div class="reveal"> <div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides"> <div class="slides">
<!-- Use external markdown resource, and separate slides by three newlines; vertical slides by two newlines --> <!-- Use external markdown resource, and separate slides by three newlines; vertical slides by two newlines -->
<section data-markdown="demo.md" data-separator="^\n\n\n" data-vertical="^\n\n"></section> <section data-markdown="example.md" data-separator="^\n\n\n" data-vertical="^\n\n"></section>
<!-- Slides are separated by three dashes (quick 'n dirty regular expression) --> <!-- Slides are separated by three dashes (quick 'n dirty regular expression) -->
<section data-markdown data-separator="---"> <section data-markdown data-separator="---">
<script type="text/template"> <script type="text/template">
## Demo 1
Slide 1 Slide 1
--- ---
## Demo 1
Slide 2 Slide 2
--- ---
## Demo 1
Slide 3 Slide 3
</script> </script>
</section> </section>
...@@ -52,14 +36,17 @@ ...@@ -52,14 +36,17 @@
<!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes --> <!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes -->
<section data-markdown data-separator="^\n---\n$" data-vertical="^\n--\n$"> <section data-markdown data-separator="^\n---\n$" data-vertical="^\n--\n$">
<script type="text/template"> <script type="text/template">
## Demo 2
Slide 1.1 Slide 1.1
-- --
## Demo 2
Slide 1.2 Slide 1.2
--- ---
## Demo 2
Slide 2 Slide 2
</script> </script>
</section> </section>
...@@ -82,31 +69,25 @@ ...@@ -82,31 +69,25 @@
</div> </div>
</div> </div>
<script src="lib/js/head.min.js"></script> <script src="../../lib/js/head.min.js"></script>
<script src="js/reveal.js"></script> <script src="../../js/reveal.js"></script>
<script> <script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({ Reveal.initialize({
controls: true, controls: true,
progress: true, progress: true,
history: true, history: true,
center: true, center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme theme: Reveal.getQueryHash().theme,
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none 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: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: 'showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: 'markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
] ]
}); });
......
demo.md → plugin/markdown/example.md
+ 29
− 0
View file @ f9f17be0
# External markdown # Markdown Demo
## Slide 1.1 ## External 1.1
Content 1.1 Content 1.1
## Slide 1.2 ## External 1.2
Content 1.2 Content 1.2
## Slide 2 ## External 2
Content 2.1 Content 2.1
## Slide 3.1 ## External 3.1
Content 3.1 Content 3.1
## Slide 3.2 ## External 3.2
Content 3.2 Content 3.2
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment