add example of markdown slide and element attributes

diff --git a/plugin/markdown/example.html b/plugin/markdown/example.html
index 522d8ac0d1a98c60b05d40b35c19d763cbdc0c83..909639fd7489a87f9fb06eb22ad2841e310ff4b1 100644 (file)
--- a/plugin/markdown/example.html
+++ b/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>