alangdm
diff --git a/‎.github/workflows/demodeploy.yml
Lines changed: 21 additions & 0 deletions b/‎.github/workflows/demodeploy.yml
Lines changed: 21 additions & 0 deletions
diff --git a/‎.gitignore
Lines changed: 2 additions & 0 deletions b/‎.gitignore
Lines changed: 2 additions & 0 deletions
diff --git a/‎demo/components/demo-element.js
Lines changed: 5 additions & 3 deletions b/‎demo/components/demo-element.js
Lines changed: 5 additions & 3 deletions
diff --git a/‎demo/index.html
Lines changed: 1 addition & 0 deletions b/‎demo/index.html
Lines changed: 1 addition & 0 deletions
@@ -0,0 +1,21 @@
+name: Demo Deploy
+on:
+  release:
+    types: [created]
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/[email protected]
+
+      - name: Install and Build 🔧
+        run: |
+          npm install
+          npm run build
+
+      - name: Deploy 🚀
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages
+          folder: dist
@@ -1,3 +1,5 @@
 node_modules
 yarn.lock
 .firebaserc
+.vscode
+dist
@@ -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;
 
@@ -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>