add slides for swat4ls tutorial

sib-swiss · Feb 17, 2025 · 308899a · 308899a
1 parent 03e2c08
commit 308899a
Show file tree

Hide file tree

Showing 6 changed files with 1,453 additions and 0 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,46 @@
+name: Deploy demo to GitHub Pages
+on:
+  push:
+    branches: ["main"]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build demo website
+        run: |
+            cd tutorial/slides
+            npm ci
+            npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "./tutorial/slides/dist"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/.gitignore b/.gitignore
@@ -8,6 +8,8 @@ __pycache__/
 .*_cache
 .coverage
 .langgraph_api/
+.chainlit
+.files
 uv.lock
 
 # Data
@@ -16,4 +18,6 @@ notebooks/*.csv
 notebooks/*.txt
 nohup.out
 
+node_modules/
+
 packages/expasy-agent/src/expasy_agent/webapp
diff --git a/tutorial/slides/index.html b/tutorial/slides/index.html
@@ -0,0 +1,62 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Tutorial SPARQL agent</title>
+    <meta name="description" content="Slides for SPARQL agent tutorial" />
+    <link rel="icon" type="image/png" href="../../chat-with-context/demo/sib-logo.png" />
+  </head>
+
+  <body>
+    <!-- https://revealjs.com/markdown/ -->
+    <div class="reveal">
+      <div class="slides">
+        <section data-markdown="slides.md"></section>
+      </div>
+    </div>
+
+    <script type="module">
+      import Reveal from 'reveal.js';
+      import Markdown from 'reveal.js/plugin/markdown/markdown.esm.js';
+      import Highlight from 'reveal.js/plugin/highlight/highlight.js';
+      import 'reveal.js/plugin/highlight/zenburn.css';
+      import 'reveal.js/dist/reveal.css'
+      import 'reveal.js/dist/theme/beige.css'
+      // Available themes in node_modules/reveal.js/dist/theme
+      // beige, black, blood, league, moon, night, serif, simple...
+
+      let deck = new Reveal({
+        plugins: [Markdown, Highlight],
+        hash: true,
+        history: true,
+        hashOneBasedIndex: true,
+        // slideNumber: true,
+      });
+      deck.initialize();
+    </script>
+
+    <style>
+      /* Improve text size and codeblocks */
+      .reveal section p,pre code {
+        font-size: 0.6em;
+      }
+      .reveal section h2 {
+        font-size: 1em;
+      }
+      .reveal section pre code {
+        border-radius: 8px;
+      }
+      .reveal section code {
+        border-radius: 4px;
+        background: #3f3f3f;
+        color: #dcdcdc;
+        padding: 0.1em 0.2em;
+      }
+      .reveal section a code {
+        background: #8b743d;
+        color: #dcdcdc;
+      }
+    </style>
+  </body>
+</html>