Enhance Demo

chuckh · Sep 15, 2016 · fe765d8 · fe765d8
1 parent 93e0b82
commit fe765d8
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -23,24 +23,32 @@
 
   <body unresolved>
     <div class="vertical-section-container centered">
-      <h3>Basic polymer-quill Demo</h3>
+      <h3>Full Toolbar, Show Results, Custom height (150px), Save as Deltas, Save every 1 second</h3>
       <demo-snippet>
         <template>
           <style is="custom-style">
             polymer-quill.full {
               --polymer-quill-editor-height: 150px;
             }
           </style>
-          <h2>Full Toolbar, Show Results, Custom height (150px), Save as Deltas, Save every 1 second</h2>
-          <polymer-quill content='{"ops":[{"insert":"Hello World! - Store as Delta"},{"attributes":{"header":2},"insert":"\n"}]}'
+          <polymer-quill
+            content='{"ops":[{"insert":"Hello World! - Store as Delta"},{"attributes":{"header":2},"insert":"\n"}]}'
             class='full'
             store-as="delta"
             save-interval="1000"
             toolbar-type="full"
             show-results>
           </polymer-quill>
-          <h2>Standard Toolbar, Hide Results, Default height (100px), Save as HTML, Save every 2 seconds</h2>
-          <polymer-quill content="<h2>Hello World! - Store as HTML</h2>" store-as="html"></polymer-quill>
+        </template>
+      </demo-snippet>
+
+      <h3>Standard Toolbar, Hide Results, Default height (100px), Save as HTML, Save every 2 seconds</h3>
+      <demo-snippet>
+        <template>
+          <polymer-quill
+            content="<h2>Hello World! - Store as HTML</h2>"
+            store-as="html">
+          </polymer-quill>
         </template>
       </demo-snippet>
     </div>