Merge pull request #12 from material-components/publish-demos

Automate publishing demos
material-components · May 8, 2018 · 65e55df · 65e55df
2 parents 391873a + e5d8342
commit 65e55df
Show file tree

Hide file tree

Showing 14 changed files with 559 additions and 271 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,5 @@ node_modules
 /build
 /coverage
 .DS_Store
-/lerna-debug.log
+/lerna-debug.log
+/gh-pages
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@ Web Components can be seamlessly incorporated into a wide range of usage context
 Insert screenshot of a demo page, including a code snippet.
 -->
 
-**[Demos](demos/)**
+**[Demos](https://material-components.github.io/material-components-web-components/demos/index.html)**
 
 ## Quick start
 
@@ -62,7 +62,7 @@ To compile the component SASS run:
 ## Useful Links
 
 - [All Components](packages/)
-- [Demos](demos/)
+- [Demos](https://material-components.github.io/material-components-web-components/demos/index.html)
 - [Contributing](CONTRIBUTING.md)
 - [Material.io](https://www.material.io) (external site)
 - [Material Design Guidelines](https://material.io/guidelines) (external site)

diff --git a/demos/card.html b/demos/card.html
@@ -110,7 +110,7 @@ <h3 class="mdc-typography--subheading1 subtext">by Kurt Wagner</h3>
   <div class="presentCard">
     <demo-card></demo-card>
   </div>
-  <script type="module">
+  <script>
     addEventListener('load', () => document.body.classList.remove('unresolved'));
   </script>
 </body>

diff --git a/demos/checkbox.html b/demos/checkbox.html
@@ -42,7 +42,7 @@
     </div>
   </main>
 
-  <script type="module">
+  <script>
     addEventListener('load', () => document.body.classList.remove('unresolved'));
   </script>
 </body>

diff --git a/demos/chips.html b/demos/chips.html
@@ -63,7 +63,7 @@ <h3>filter</h3>
 
   </main>
 
-  <script type="module">
+  <script>
     addEventListener('load', () => document.body.classList.remove('unresolved'));
   </script>
 </body>

diff --git a/demos/fab.html b/demos/fab.html
@@ -20,8 +20,8 @@
   <title>fab demo</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-  <script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
   <script type="module" src="../node_modules/@material/mwc-fab/mwc-fab.js"></script>
+  <script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
   <link rel="stylesheet" href="demo-component.css">
   <style>
     .light {
@@ -68,7 +68,7 @@
 
   </main>
 
-  <script type="module">
+  <script>
     addEventListener('load', () => document.body.classList.remove('unresolved'));
   </script>
 </body>

diff --git a/demos/formfield.html b/demos/formfield.html
@@ -72,7 +72,7 @@ <h4>Slider</h4>
     </mwc-formfield>
   </main>
 
-  <script type="module">
+  <script>
     addEventListener('load', () => document.body.classList.remove('unresolved'));
   </script>
 </body>

diff --git a/demos/index.html b/demos/index.html
@@ -24,9 +24,9 @@
 <body>
   <demo-view></demo-view>
 
-  <script  src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
+  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
   <script type="module">
-    import {LitElement, html} from '@polymer/lit-element';
+    import {LitElement, html} from '@polymer/lit-element/lit-element.js';
     import {style as listStyle} from '@material/mwc-list/mwc-list-item-css.js';
 
     class DemoView extends LitElement {

diff --git a/demos/linear-progress.html b/demos/linear-progress.html
@@ -58,7 +58,7 @@ <h3>linear-progress: determinate buffer reverse</h3>
     <mwc-linear-progress determinate reverse progress="0.2" buffer="0.6"></mwc-linear-progress>
   </main>
 
-  <script type="module">
+  <script>
     toggle.onclick = (e) => {
       progress1.closed = !progress1.closed;
     }

diff --git a/demos/menu.html b/demos/menu.html
@@ -65,7 +65,7 @@
     </div>
     <div class="demo-log" id="log"></div>
   </main>
-  <script type="module">
+  <script>
     button.addEventListener('click', (e) => {
       menu.setAnchorCorner(menu.Corner.BOTTOM_START);
       menu.open = !menu.open;