presentations

Presentations
Log | Files | Refs

test-markdown-slide-attributes.html (2847B)

      1 <!doctype html>
      2 <html lang="en">
      3 
      4 	<head>
      5 		<meta charset="utf-8">
      6 
      7 		<title>reveal.js - Test Markdown Attributes</title>
      8 
      9 		<link rel="stylesheet" href="../css/reveal.css">
     10 		<link rel="stylesheet" href="qunit-2.5.0.css">
     11 	</head>
     12 
     13 	<body style="overflow: auto;">
     14 
     15 		<div id="qunit"></div>
     16 		<div id="qunit-fixture"></div>
     17 
     18 		<div class="reveal" style="display: none;">
     19 
     20 			<div class="slides">
     21 
     22 				<!-- <section data-markdown="example.md" data-separator="^\n\n\n" data-separator-vertical="^\n\n"></section> -->
     23 
     24 				<!-- Slides are separated by three lines, vertical slides by two lines, attributes are one any line starting with (spaces and) two dashes -->
     25 				<section 	data-markdown data-separator="^\n\n\n"
     26 									data-separator-vertical="^\n\n"
     27 									data-separator-notes="^Note:"
     28 									data-attributes="--\s(.*?)$"
     29 									data-charset="utf-8">
     30 					<script type="text/template">
     31 						# Test attributes in Markdown
     32 						## Slide 1
     33 
     34 
     35 
     36 						## Slide 2
     37 						<!-- -- id="slide2" data-transition="zoom" data-background="#A0C66B" -->
     38 
     39 
     40 						## Slide 2.1
     41 						<!-- -- data-background="#ff0000" data-transition="fade" -->
     42 
     43 
     44 						## Slide 2.2
     45 						[Link to Slide2](#/slide2)
     46 
     47 
     48 
     49 						## Slide 3
     50 						<!-- -- data-transition="zoom" data-background="#C6916B" -->
     51 
     52 
     53 
     54 						## Slide 4
     55 					</script>
     56 				</section>
     57 
     58 				<section 	data-markdown data-separator="^\n\n\n"
     59 									data-separator-vertical="^\n\n"
     60 									data-separator-notes="^Note:"
     61 									data-charset="utf-8">
     62 					<script type="text/template">
     63 						# Test attributes in Markdown with default separator
     64 						## Slide 1 Def
     65 
     66 
     67 
     68 						## Slide 2 Def
     69 						<!-- .slide: id="slide2def" data-transition="concave" data-background="#A7C66B" -->
     70 
     71 
     72 						## Slide 2.1 Def
     73 						<!-- .slide: data-background="#f70000" data-transition="page" -->
     74 
     75 
     76 						## Slide 2.2 Def
     77 						[Link to Slide2](#/slide2def)
     78 
     79 
     80 
     81 						## Slide 3 Def
     82 						<!-- .slide: data-transition="concave" data-background="#C7916B" -->
     83 
     84 
     85 
     86 						## Slide 4
     87 					</script>
     88 				</section>
     89 
     90 				<section data-markdown>
     91 					<script type="text/template">
     92 						<!-- .slide: data-background="#ff0000" -->
     93 						## Hello world
     94 					</script>
     95 				</section>
     96 
     97 				<section data-markdown>
     98 					<script type="text/template">
     99 						## Hello world
    100 						<!-- .slide: data-background="#ff0000" -->
    101 					</script>
    102 				</section>
    103 
    104 				<section data-markdown>
    105 					<script type="text/template">
    106 						## Hello world
    107 
    108 						Test
    109 						<!-- .slide: data-background="#ff0000" -->
    110 
    111 						More Test
    112 					</script>
    113 				</section>
    114 
    115 			</div>
    116 
    117 		</div>
    118 
    119 		<script src="../js/reveal.js"></script>
    120 		<script src="../plugin/markdown/marked.js"></script>
    121 		<script src="../plugin/markdown/markdown.js"></script>
    122 		<script src="qunit-2.5.0.js"></script>
    123 
    124 		<script src="test-markdown-slide-attributes.js"></script>
    125 
    126 	</body>
    127 </html>