Add Demo Page

systemli · Dec 31, 2023 · 065164d · 065164d
1 parent 05f5bf8
commit 065164d
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 0 deletions.
diff --git a/.github/workflows/publish-page.yml b/.github/workflows/publish-page.yml
@@ -0,0 +1,19 @@
+name: Publish Page
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    name: Publish Page
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/[email protected]
+
+      - name: Publish Page
+        uses: JamesIves/[email protected]
+        with:
+          folder: pages
diff --git a/pages/index.html b/pages/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+  <head>
+    <title>Ticker Widget Demo</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+    <script type="module" src="https://unpkg.com/@systemli/ticker-widget"></script>
+    <style>
+      body {
+        font-family: sans-serif;
+        line-height: 1.5;
+        margin: 0;
+        padding: 0;
+      }
+
+      .content {
+        width: 100%;
+        margin: 0 auto;
+        padding: 1rem;
+      }
+
+      h1, .info, .widget {
+        max-width: 500px;
+        margin: 0 auto;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="content">
+      <h1>Ticker Widget Demo</h1>
+      <div class="info">
+        <p>This is a demo of the <a href="https://github.com/systemli/ticker-widget">ticker-widget</a> component.</p>
+      </div>
+      <div class="widget">
+        <ticker-timeline domain="updates.systemli.org" limit="10" header="Latest Updates"></ticker-timeline>
+      </div>
+    </div>
+  </body>
+</html>