github.com/mweagle/Sparta@v1.15.0/docs_source/static/presentations/reveal.js-3.9.2/test/test-markdown-element-attributes.html (about)

     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>