github.com/sentienttechnologies/studio-go-runner@v0.0.0-20201118202441-6d21f2ced8ee/docs/slides/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-1.12.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)
    70  						<!-- {_class="reveal stretch"} -->
    71  
    72  					</script>
    73  				</section>
    74  
    75  
    76  
    77  				<section 	data-markdown data-separator="^\n\n\n"
    78  									data-separator-vertical="^\n\n"
    79  									data-separator-notes="^Note:"
    80  									data-charset="utf-8">
    81  					<script type="text/template">
    82  						# Test attributes in Markdown with default separator
    83  						## Slide 1 Def <!-- .element: class="fragment highlight-red" data-fragment-index="1" -->
    84  
    85  
    86  						## Slide 2 Def
    87  						<!-- .element: class="fragment highlight-red" -->
    88  
    89  					</script>
    90  				</section>
    91  
    92  				<section data-markdown>
    93  				  <script type="text/template">
    94  					## Hello world
    95  					A paragraph
    96  					<!-- .element: class="fragment highlight-blue" -->
    97  				  </script>
    98  				</section>
    99  
   100  				<section data-markdown>
   101  				  <script type="text/template">
   102  					## Hello world
   103  
   104  					Multiple  
   105  					Line
   106  					<!-- .element: class="fragment highlight-blue" -->
   107  				  </script>
   108  				</section>
   109  
   110  				<section data-markdown>
   111  				  <script type="text/template">
   112  					## Hello world
   113  
   114  					Test<!-- .element: class="fragment highlight-blue" -->
   115  
   116  					More Test
   117  				  </script>
   118  				</section>
   119  
   120  
   121  			</div>
   122  
   123  		</div>
   124  
   125  		<script src="../lib/js/head.min.js"></script>
   126  		<script src="../js/reveal.js"></script>
   127  		<script src="../plugin/markdown/marked.js"></script>
   128  		<script src="../plugin/markdown/markdown.js"></script>
   129  		<script src="qunit-1.12.0.js"></script>
   130  
   131  		<script src="test-markdown-element-attributes.js"></script>
   132  
   133  	</body>
   134  </html>