presentations

Presentations
Log | Files | Refs

test-markdown-element-attributes.html (3356B)

      1 <!doctype html>
      2 <html lang="en">
      3 
      4 	<head>
      5 		<meta charset="utf-8">
      6 
      7 		<title>reveal.js - Test Markdown Element 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 newline + three dashes + newline, vertical slides identical but two dashes -->
     25 				<section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$" data-element-attributes="{_\s*?([^}]+?)}">>
     26 					<script type="text/template">
     27 						## Slide 1.1
     28 						<!-- {_class="fragment fade-out" data-fragment-index="1"} -->
     29 
     30 						--
     31 
     32 						## Slide 1.2
     33 						<!-- {_class="fragment shrink"} -->
     34 
     35 						Paragraph 1
     36 						<!-- {_class="fragment grow"} -->
     37 
     38 						Paragraph 2
     39 						<!-- {_class="fragment grow"} -->
     40 
     41 						- list item 1 <!-- {_class="fragment grow"} -->
     42 						- list item 2 <!-- {_class="fragment grow"} -->
     43 						- list item 3 <!-- {_class="fragment grow"} -->
     44 
     45 
     46 						---
     47 
     48 						## Slide 2
     49 
     50 
     51 						Paragraph 1.2  
     52 						multi-line <!-- {_class="fragment highlight-red"} -->
     53 
     54 						Paragraph 2.2 <!-- {_class="fragment highlight-red"} -->
     55 
     56 						Paragraph 2.3 <!-- {_class="fragment highlight-red"} -->
     57 
     58 						Paragraph 2.4 <!-- {_class="fragment highlight-red"} -->
     59 
     60 						- list item 1 <!-- {_class="fragment highlight-green"} -->
     61 						- list item 2<!-- {_class="fragment highlight-green"} -->
     62 						- list item 3<!-- {_class="fragment highlight-green"} -->
     63 						- list item 4
     64 						<!-- {_class="fragment highlight-green"} -->
     65 						- list item 5<!-- {_class="fragment highlight-green"} -->
     66 
     67 						Test
     68 
     69 						![Example Picture](examples/assets/image2.png) <!-- {_class="reveal stretch"} -->
     70 
     71 					</script>
     72 				</section>
     73 
     74 
     75 
     76 				<section 	data-markdown data-separator="^\n\n\n"
     77 									data-separator-vertical="^\n\n"
     78 									data-separator-notes="^Note:"
     79 									data-charset="utf-8">
     80 					<script type="text/template">
     81 						# Test attributes in Markdown with default separator
     82 						## Slide 1 Def <!-- .element: class="fragment highlight-red" data-fragment-index="1" -->
     83 
     84 
     85 						## Slide 2 Def
     86 						<!-- .element: class="fragment highlight-red" -->
     87 
     88 					</script>
     89 				</section>
     90 
     91 				<section data-markdown>
     92 				  <script type="text/template">
     93 					## Hello world
     94 					A paragraph
     95 					<!-- .element: class="fragment highlight-blue" -->
     96 				  </script>
     97 				</section>
     98 
     99 				<section data-markdown>
    100 				  <script type="text/template">
    101 					## Hello world
    102 
    103 					Multiple  
    104 					Line
    105 					<!-- .element: class="fragment highlight-blue" -->
    106 				  </script>
    107 				</section>
    108 
    109 				<section data-markdown>
    110 				  <script type="text/template">
    111 					## Hello world
    112 
    113 					Test<!-- .element: class="fragment highlight-blue" -->
    114 
    115 					More Test
    116 				  </script>
    117 				</section>
    118 
    119 
    120 			</div>
    121 
    122 		</div>
    123 
    124 		<script src="../js/reveal.js"></script>
    125 		<script src="../plugin/markdown/marked.js"></script>
    126 		<script src="../plugin/markdown/markdown.js"></script>
    127 		<script src="qunit-2.5.0.js"></script>
    128 
    129 		<script src="test-markdown-element-attributes.js"></script>
    130 
    131 	</body>
    132 </html>