docs/com/test/test-markdown-slide-attributes.html

   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-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 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="../lib/js/head.min.js"></script>
 120                 <script src="../js/reveal.js"></script>
 121                 <script src="../plugin/markdown/marked.js"></script>
 122                 <script src="../plugin/markdown/markdown.js"></script>
 123                 <script src="qunit-1.12.0.js"></script>
 124
 125                 <script src="test-markdown-slide-attributes.js"></script>
 126
 127         </body>
 128 </html>