feat: create setup to deploy demo to gh-pages

alangdm · Mar 25, 2021 · 657ccd6 · 657ccd6
1 parent 938bf14
commit 657ccd6
Show file tree

Hide file tree

Showing 7 changed files with 9,472 additions and 4,245 deletions.
diff --git a/.github/workflows/demodeploy.yml b/.github/workflows/demodeploy.yml
@@ -0,0 +1,21 @@
+name: Demo Deploy
+on:
+  release:
+    types: [created]
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v2.3.1
+
+      - name: Install and Build 🔧
+        run: |
+          npm install
+          npm run build
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@4.1.0
+        with:
+          branch: gh-pages
+          folder: dist
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
 node_modules
 yarn.lock
 .firebaserc
+.vscode
+dist
diff --git a/demo/components/demo-element.js b/demo/components/demo-element.js
@@ -11,6 +11,9 @@ class DemoElement extends LitElement {
       <header>
         <div class="tag-name">&lt;helium-animated-pages&gt;</div>
         <a href="./index.html">Docs</a>
+        <a class="demo" href="https://github.com/alangdm/helium-animated-pages"
+          >Github</a
+        >
       </header>
       <section class="sub-header">
         <label for="page-select">Select a Demo</label>
@@ -57,9 +60,8 @@ class DemoElement extends LitElement {
         }
         /* Header */
         header {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
+          display: grid;
+          grid-template-columns: 1fr auto auto;
           border-top-left-radius: var(--border-radius);
           border-top-right-radius: var(--border-radius);
           padding: 0.75rem;

diff --git a/demo/index.html b/demo/index.html
@@ -46,6 +46,7 @@
   <body>
     <header>
       <a class="demo" href="./demo.html">Demo</a>
+      <a class="demo" href="https://github.com/alangdm/helium-animated-pages">Github</a>
     </header>
     <api-docs src="../custom-elements.json"></api-docs>
   </body>