📸 Talk slides using DevSeed Slidev theme

.github/workflows/deploy.yaml

@@ -0,0 +1,68 @@
+# Deploy presentation slides to GitHub Pages
+name: Deploy slides
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-24.04
+    permissions:
+      contents: read
+    defaults:
+      run:
+        working-directory: ./slides
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@71cf2267d89c5cb81562390fa70a37fa40b1305e # v6-beta
+        with:
+          persist-credentials: false
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0
+        with:
+          package_json_file: slides/package.json
+
+      - name: Install node
+        uses: actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903 # v6.0.0
+        with:
+          node-version: "lts/*"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm run build --base /${REPO_NAME}/
+        env:
+          REPO_NAME: ${{github.event.repository.name}}
+
+      - name: Setup Pages
+        uses: actions/configure-pages@983d7736d9b0ae728b81ab479565c72886d7745b # v5.0.0
+
+      - name: Upload static files as artifact
+        uses: actions/upload-pages-artifact@7b1f4a764d45c48632c6b24a0339c27f5614fb0b # v4.0.0
+        with:
+          path: slides/dist
+
+  deploy:
+    name: Deploy
+    needs: build
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    permissions:
+      pages: write
+      id-token: write
+    runs-on: ubuntu-24.04
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@d6db90164ac5ed86f2b6aed7e0febac5b3c0c03e # v4.0.5

slides/.gitignore

@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+*.local
+.vite-inspect
+.remote-assets
+components.d.ts
+node_modules

slides/.npmrc

@@ -0,0 +1,3 @@
+# for pnpm
+shamefully-hoist=true
+auto-install-peers=true

slides/README.md

@@ -0,0 +1,88 @@
+# Welcome to [Slidev](https://github.com/slidevjs/slidev)!
+
+To start the slide show:
+
+- `pnpm install`
+- `pnpm dev`
+- visit <http://localhost:3030>
+
+Edit the [slides.md](./slides.md) to see the changes.
+
+Learn more about Slidev at the [documentation](https://sli.dev/).
+
+## DevSeed Theme
+
+### Theme Structure
+
+```
+theme/
+├── components/
+│   └── Logo.vue              # Reusable logo component
+├── layouts/
+│   ├── cover.vue             # Title slide with gradient background
+│   ├── default.vue           # Standard content layout
+│   └── text-image.vue        # Text left, image right layout
+├── setup/
+│   ├── main.ts               # App setup configuration
+│   └── shiki.ts              # Code highlighting setup
+├── styles/
+│   └── index.css             # Brand colors and typography
+├── index.ts                  # Theme entry point
+└── package.json              # Theme metadata
+```
+
+### Key Features
+
+Brand Colors - All DevelopmentSeed colors are available:
+- Primary: #CF3F02
+- Secondary: #E2C044
+- Success: #4DA167
+- Info: #2E86AB
+- Warning: #E2C044
+- Danger: #A71D31
+
+Typography:
+- Roboto Condensed for headings
+- Roboto for body text
+- Roboto Mono for code
+
+Layouts:
+1. default - Standard content layout
+2. cover - Title slides with gradient background
+3. title - Title slides with image on bottom third
+4. two-cols - Two-column layout with configurable gap and ratio
+
+### Usage
+
+To use the theme in any presentation:
+
+```md
+---
+theme: ./theme
+title: Your Presentation Title
+---
+```
+
+For the text-image layout:
+
+```md
+---
+layout: text-image
+image: /path/to/image.jpg
+---
+
+# Your Content Here
+
+```
+
+Text on the left, image fills the right side.
+
+To add your logo:
+
+```
+<Logo src="/logo.png" position="top-right" height="60px" />
+```
+
+I've also created slides-devseed-demo.md that demonstrates all the features.
+You can preview it by updating your slides.md or running the dev server to
+see the theme in action!

slides/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "slidev-demo",
+  "type": "module",
+  "private": true,
+  "packageManager": "[email protected]",
+  "scripts": {
+    "build": "slidev build",
+    "dev": "slidev --open",
+    "export": "slidev export"
+  },
+  "dependencies": {
+    "@slidev/cli": "^52.6.0",
+    "@slidev/theme-default": "latest",
+    "@slidev/theme-seriph": "latest",
+    "slidev-addon-qrcode": "^1.0.2",
+    "vue": "^3.5.22"
+  }
+}