github.com/mweagle/Sparta@v1.15.0/docs_source/static/presentations/reveal.js-3.9.2/test/test-markdown-slide-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 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>