Browse Source

add example of markdown slide and element attributes

Hakim El Hattab 11 years ago
parent
commit
9a9ce672b7
1 changed files with 28 additions and 13 deletions
  1. 28 13
      plugin/markdown/example.html

+ 28 - 13
plugin/markdown/example.html

@@ -68,20 +68,35 @@
                     </script>
                 </section>
 
+                <!-- Slide attributes -->
+                <section data-markdown>
+                    <script type="text/template">
+                        <!-- .slide: data-background="#000000" -->
+                        ## Slide attributes
+                    </script>
+                </section>
+
+                <!-- Element attributes -->
+                <section data-markdown>
+                    <script type="text/template">
+                        ## Element attributes
+                        - Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
+                        - Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
+                    </script>
+                </section>
+
                 <!-- Code -->
-                <section>
-                    <section data-markdown>
-                        <script type="text/template">
-                            ```php
-                            public function foo()
-                            {
-                                $foo = array(
-                                    'bar' => 'bar'
-                                )
-                            }
-                            ```
-                        </script>
-                    </section>
+                <section data-markdown>
+                    <script type="text/template">
+                        ```php
+                        public function foo()
+                        {
+                            $foo = array(
+                                'bar' => 'bar'
+                            )
+                        }
+                        ```
+                    </script>
                 </section>
 
             </div>